pbca26
7 years ago
committed by
GitHub
GitHub
27 changed files with 2323 additions and 748 deletions
@ -1,32 +0,0 @@ |
|||
import { FIAT_RATES } from '../storeType'; |
|||
import { triggerToaster } from '../actionCreators'; |
|||
import Config from '../../config'; |
|||
|
|||
export function fiatRates() { |
|||
return dispatch => { |
|||
return fetch(`http://46.20.235.46:8111/api/rates/kmd`, { |
|||
method: 'GET', |
|||
}) |
|||
.catch((error) => { |
|||
console.log(error); |
|||
dispatch( |
|||
triggerToaster( |
|||
'fiatRates', |
|||
'Error', |
|||
'error' |
|||
) |
|||
); |
|||
}) |
|||
.then(response => response.json()) |
|||
.then(json => { |
|||
dispatch(fiatRates(json)); |
|||
}); |
|||
} |
|||
} |
|||
|
|||
function fiatRates(json) { |
|||
return { |
|||
type: FIAT_RATES, |
|||
response: json, |
|||
} |
|||
} |
|||
@ -0,0 +1,57 @@ |
|||
import { PRICES } from '../storeType'; |
|||
import { triggerToaster } from '../actionCreators'; |
|||
import Config from '../../config'; |
|||
|
|||
function fiatRates(pricesJson) { |
|||
return dispatch => { |
|||
return fetch(`http://atomicexplorer.com/api/rates/kmd`, { |
|||
method: 'GET', |
|||
}) |
|||
.catch((error) => { |
|||
console.log(error); |
|||
dispatch( |
|||
triggerToaster( |
|||
'fiatRates', |
|||
'Error', |
|||
'error' |
|||
) |
|||
); |
|||
}) |
|||
.then(response => response.json()) |
|||
.then(json => { |
|||
let _coins = pricesJson.result; |
|||
_coins.fiat = json.result; |
|||
|
|||
dispatch(pricesState(_coins)); |
|||
}); |
|||
} |
|||
} |
|||
|
|||
export function prices() { |
|||
return dispatch => { |
|||
return fetch(`http://atomicexplorer.com/api/mm/prices`, { |
|||
method: 'GET', |
|||
}) |
|||
.catch((error) => { |
|||
console.log(error); |
|||
dispatch( |
|||
triggerToaster( |
|||
'prices', |
|||
'Error', |
|||
'error' |
|||
) |
|||
); |
|||
}) |
|||
.then(response => response.json()) |
|||
.then(json => { |
|||
dispatch(fiatRates(json)); |
|||
}); |
|||
} |
|||
} |
|||
|
|||
function pricesState(json) { |
|||
return { |
|||
type: PRICES, |
|||
prices: json, |
|||
} |
|||
} |
|||
@ -0,0 +1,138 @@ |
|||
import React from 'react'; |
|||
import { translate } from '../../../translate/translate'; |
|||
import addCoinOptionsCrypto from '../../addcoin/addcoinOptionsCrypto'; |
|||
import addCoinOptionsAC from '../../addcoin/addcoinOptionsAC'; |
|||
import Select from 'react-select'; |
|||
import { |
|||
triggerToaster, |
|||
shepherdToolsBalance, |
|||
shepherdToolsBuildUnsigned, |
|||
shepherdToolsPushTx, |
|||
shepherdToolsSeedToWif, |
|||
shepherdToolsWifToKP, |
|||
shepherdElectrumListunspent, |
|||
shepherdCliPromise, |
|||
shepherdElectrumSplitUtxoPromise, |
|||
} from '../../../actions/actionCreators'; |
|||
import Store from '../../../store'; |
|||
|
|||
class ToolsGetBalance extends React.Component { |
|||
constructor() { |
|||
super(); |
|||
this.state = { |
|||
balanceAddr: '', |
|||
balanceCoin: '', |
|||
balanceResult: null, |
|||
}; |
|||
this.updateInput = this.updateInput.bind(this); |
|||
this.updateSelectedCoin = this.updateSelectedCoin.bind(this); |
|||
this.getBalanceAlt = this.getBalanceAlt.bind(this); |
|||
} |
|||
|
|||
getBalanceAlt() { |
|||
const _coin = this.state.balanceCoin.split('|'); |
|||
|
|||
shepherdToolsBalance(_coin[0], this.state.balanceAddr) |
|||
.then((res) => { |
|||
if (res.msg === 'success') { |
|||
this.setState({ |
|||
balanceResult: res.result, |
|||
}); |
|||
} else { |
|||
Store.dispatch( |
|||
triggerToaster( |
|||
res.result, |
|||
'Get balance error', |
|||
'error' |
|||
) |
|||
); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
renderCoinOption(option) { |
|||
return ( |
|||
<div> |
|||
<img |
|||
src={ `assets/images/cryptologo/${option.icon.toLowerCase()}.png` } |
|||
alt={ option.label } |
|||
width="30px" |
|||
height="30px" /> |
|||
<span className="margin-left-10">{ option.label }</span> |
|||
</div> |
|||
); |
|||
} |
|||
|
|||
updateSelectedCoin(e, propName) { |
|||
if (e && |
|||
e.value && |
|||
e.value.indexOf('|')) { |
|||
this.setState({ |
|||
[propName]: e.value, |
|||
}); |
|||
} |
|||
} |
|||
|
|||
updateInput(e) { |
|||
this.setState({ |
|||
[e.target.name]: e.target.value, |
|||
}); |
|||
} |
|||
|
|||
render() { |
|||
return ( |
|||
<div className="row margin-left-10"> |
|||
<div className="col-xlg-12 form-group form-material no-padding-left padding-bottom-10"> |
|||
<h4>Get balance</h4> |
|||
</div> |
|||
<div className="col-xlg-12 form-group form-material no-padding-left padding-top-20 padding-bottom-70"> |
|||
<label |
|||
className="control-label col-sm-1 no-padding-left" |
|||
htmlFor="kmdWalletSendTo">Coin</label> |
|||
<Select |
|||
name="balanceCoin" |
|||
className="col-sm-3" |
|||
value={ this.state.balanceCoin } |
|||
onChange={ (event) => this.updateSelectedCoin(event, 'balanceCoin') } |
|||
optionRenderer={ this.renderCoinOption } |
|||
valueRenderer={ this.renderCoinOption } |
|||
options={ addCoinOptionsCrypto().concat(addCoinOptionsAC()) } /> |
|||
</div> |
|||
<div className="col-sm-12 form-group form-material no-padding-left"> |
|||
<label |
|||
className="control-label col-sm-1 no-padding-left" |
|||
htmlFor="kmdWalletSendTo">Address</label> |
|||
<input |
|||
type="text" |
|||
className="form-control col-sm-3" |
|||
name="balanceAddr" |
|||
onChange={ this.updateInput } |
|||
value={ this.state.balanceAddr } |
|||
placeholder={ translate('SEND.ENTER_ADDRESS') } |
|||
autoComplete="off" |
|||
required /> |
|||
</div> |
|||
<div className="col-sm-12 form-group form-material no-padding-left margin-top-10 padding-bottom-10"> |
|||
<button |
|||
type="button" |
|||
className="btn btn-info col-sm-2" |
|||
onClick={ this.getBalanceAlt }> |
|||
Get balance |
|||
</button> |
|||
</div> |
|||
{ this.state.balanceResult && |
|||
<div className="col-sm-12 form-group form-material no-padding-left margin-top-10"> |
|||
<div> |
|||
<strong>Balance (confirmed):</strong> { this.state.balanceResult.balance } |
|||
</div> |
|||
<div className="margin-top-10"> |
|||
<strong>Balance (unconfirmed):</strong> { this.state.balanceResult.unconfirmed } |
|||
</div> |
|||
</div> |
|||
} |
|||
</div> |
|||
); |
|||
} |
|||
} |
|||
|
|||
export default ToolsGetBalance; |
|||
@ -0,0 +1,186 @@ |
|||
import React from 'react'; |
|||
import { translate } from '../../../translate/translate'; |
|||
import addCoinOptionsCrypto from '../../addcoin/addcoinOptionsCrypto'; |
|||
import addCoinOptionsAC from '../../addcoin/addcoinOptionsAC'; |
|||
import Select from 'react-select'; |
|||
import { |
|||
triggerToaster, |
|||
shepherdToolsBalance, |
|||
shepherdToolsBuildUnsigned, |
|||
shepherdToolsPushTx, |
|||
shepherdToolsSeedToWif, |
|||
shepherdToolsWifToKP, |
|||
shepherdElectrumListunspent, |
|||
shepherdCliPromise, |
|||
shepherdElectrumSplitUtxoPromise, |
|||
} from '../../../actions/actionCreators'; |
|||
import Store from '../../../store'; |
|||
|
|||
class ToolsGetUtxos extends React.Component { |
|||
constructor() { |
|||
super(); |
|||
this.state = { |
|||
utxoAddr: '', |
|||
utxoCoin: '', |
|||
utxoResult: null, |
|||
}; |
|||
this.updateInput = this.updateInput.bind(this); |
|||
this.updateSelectedCoin = this.updateSelectedCoin.bind(this); |
|||
this.getUtxos = this.getUtxos.bind(this); |
|||
} |
|||
|
|||
getUtxos() { |
|||
const _coin = this.state.utxoCoin.split('|'); |
|||
|
|||
shepherdElectrumListunspent(_coin[0], this.state.utxoAddr) |
|||
.then((res) => { |
|||
if (res.msg === 'success') { |
|||
this.setState({ |
|||
utxoResult: res.result, |
|||
}); |
|||
} else { |
|||
Store.dispatch( |
|||
triggerToaster( |
|||
res.result, |
|||
'Get UTXO error', |
|||
'error' |
|||
) |
|||
); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
renderUTXOResponse() { |
|||
const _utxos = this.state.utxoResult; |
|||
const _coin = this.state.utxoCoin.split('|'); |
|||
let _items = []; |
|||
|
|||
if (_utxos && |
|||
_utxos.length) { |
|||
for (let i = 0; i < _utxos.length; i++) { |
|||
_items.push( |
|||
<tr key={ `tools-utxos-${i}` }> |
|||
<td>{ _utxos[i].amount }</td> |
|||
<td>{ _utxos[i].confirmations }</td> |
|||
<td>{ _utxos[i].vout }</td> |
|||
{ _coin[0] === 'KMD' && |
|||
<td>{ _utxos[i].locktime }</td> |
|||
} |
|||
<td>{ _utxos[i].txid }</td> |
|||
</tr> |
|||
); |
|||
} |
|||
} |
|||
|
|||
return ( |
|||
<table className="table table-hover dataTable table-striped"> |
|||
<thead> |
|||
<tr> |
|||
<th>Amount</th> |
|||
<th>Confirmations</th> |
|||
<th>Vout</th> |
|||
{ _coin[0] === 'KMD' && |
|||
<th>Locktime</th> |
|||
} |
|||
<th>TxID</th> |
|||
</tr> |
|||
</thead> |
|||
<tbody> |
|||
{ _items } |
|||
</tbody> |
|||
<tfoot> |
|||
<tr> |
|||
<th>Amount</th> |
|||
<th>Confirmations</th> |
|||
<th>Vout</th> |
|||
{ _coin[0] === 'KMD' && |
|||
<th>Locktime</th> |
|||
} |
|||
<th>TxID</th> |
|||
</tr> |
|||
</tfoot> |
|||
</table> |
|||
); |
|||
} |
|||
|
|||
renderCoinOption(option) { |
|||
return ( |
|||
<div> |
|||
<img |
|||
src={ `assets/images/cryptologo/${option.icon.toLowerCase()}.png` } |
|||
alt={ option.label } |
|||
width="30px" |
|||
height="30px" /> |
|||
<span className="margin-left-10">{ option.label }</span> |
|||
</div> |
|||
); |
|||
} |
|||
|
|||
updateSelectedCoin(e, propName) { |
|||
if (e && |
|||
e.value && |
|||
e.value.indexOf('|')) { |
|||
this.setState({ |
|||
[propName]: e.value, |
|||
}); |
|||
} |
|||
} |
|||
|
|||
updateInput(e) { |
|||
this.setState({ |
|||
[e.target.name]: e.target.value, |
|||
}); |
|||
} |
|||
|
|||
render() { |
|||
return ( |
|||
<div className="row margin-left-10"> |
|||
<div className="col-xlg-12 form-group form-material no-padding-left padding-bottom-10"> |
|||
<h4>Get UTXO list</h4> |
|||
</div> |
|||
<div className="col-xlg-12 form-group form-material no-padding-left padding-top-20 padding-bottom-70"> |
|||
<label |
|||
className="control-label col-sm-1 no-padding-left" |
|||
htmlFor="kmdWalletSendTo">Coin</label> |
|||
<Select |
|||
name="utxoCoin" |
|||
className="col-sm-3" |
|||
value={ this.state.utxoCoin } |
|||
onChange={ (event) => this.updateSelectedCoin(event, 'utxoCoin') } |
|||
optionRenderer={ this.renderCoinOption } |
|||
valueRenderer={ this.renderCoinOption } |
|||
options={ addCoinOptionsCrypto().concat(addCoinOptionsAC()) } /> |
|||
</div> |
|||
<div className="col-sm-12 form-group form-material no-padding-left"> |
|||
<label |
|||
className="control-label col-sm-1 no-padding-left" |
|||
htmlFor="kmdWalletSendTo">Address</label> |
|||
<input |
|||
type="text" |
|||
className="form-control col-sm-3" |
|||
name="utxoAddr" |
|||
onChange={ this.updateInput } |
|||
value={ this.state.utxoAddr } |
|||
placeholder={ translate('SEND.ENTER_ADDRESS') } |
|||
autoComplete="off" |
|||
required /> |
|||
</div> |
|||
<div className="col-sm-12 form-group form-material no-padding-left margin-top-10 padding-bottom-10"> |
|||
<button |
|||
type="button" |
|||
className="btn btn-info col-sm-2" |
|||
onClick={ this.getUtxos }> |
|||
Get UTXO(s) |
|||
</button> |
|||
</div> |
|||
{ this.state.utxoResult && |
|||
<div className="col-sm-12 form-group form-material no-padding-left margin-top-10"> |
|||
{ this.renderUTXOResponse() } |
|||
</div> |
|||
} |
|||
</div> |
|||
); |
|||
} |
|||
} |
|||
|
|||
export default ToolsGetUtxos; |
|||
@ -0,0 +1,424 @@ |
|||
import React from 'react'; |
|||
import { translate } from '../../../translate/translate'; |
|||
import addCoinOptionsCrypto from '../../addcoin/addcoinOptionsCrypto'; |
|||
import addCoinOptionsAC from '../../addcoin/addcoinOptionsAC'; |
|||
import Select from 'react-select'; |
|||
import { |
|||
triggerToaster, |
|||
shepherdToolsBalance, |
|||
shepherdToolsBuildUnsigned, |
|||
shepherdToolsPushTx, |
|||
shepherdToolsSeedToWif, |
|||
shepherdToolsWifToKP, |
|||
shepherdElectrumListunspent, |
|||
shepherdCliPromise, |
|||
shepherdElectrumSplitUtxoPromise, |
|||
} from '../../../actions/actionCreators'; |
|||
import Store from '../../../store'; |
|||
import { isKomodoCoin } from '../../../util/coinHelper'; |
|||
import devlog from '../../../util/devlog'; |
|||
|
|||
class ToolsMergeUTXO extends React.Component { |
|||
constructor() { |
|||
super(); |
|||
this.state = { |
|||
utxoMergeAddress: null, |
|||
utxoMergeWif: null, |
|||
utxoMergeSeed: '', |
|||
utxoMergeCoin: '', |
|||
utxoMergeUtxoNum: 10, |
|||
utxoMergeRawtx: null, |
|||
utxoMergeList: null, |
|||
utxoMergePushResult: null, |
|||
utxoMergeShowUtxoList: false, |
|||
}; |
|||
this.updateInput = this.updateInput.bind(this); |
|||
this.updateSelectedCoin = this.updateSelectedCoin.bind(this); |
|||
this.getUtxoMerge = this.getUtxoMerge.bind(this); |
|||
this.mergeUtxo = this.mergeUtxo.bind(this); |
|||
this.toggleMergeUtxoList = this.toggleMergeUtxoList.bind(this); |
|||
} |
|||
|
|||
toggleMergeUtxoList() { |
|||
this.setState({ |
|||
utxoMergeShowUtxoList: !this.state.utxoMergeShowUtxoList, |
|||
}); |
|||
} |
|||
|
|||
mergeUtxo() { |
|||
const wif = this.state.utxoMergeWif; |
|||
const address = this.state.utxoMergeAddress; |
|||
const utxoNum = this.state.utxoMergeUtxoNum; |
|||
let totalOutSize = 0; |
|||
let _utxos = []; |
|||
let _interest = 0; |
|||
|
|||
for (let i = 0; i < utxoNum; i++) { |
|||
devlog(`vout ${i} ${this.state.utxoMergeList[i].amount}`); |
|||
_utxos.push(JSON.parse(JSON.stringify(this.state.utxoMergeList[i]))); |
|||
totalOutSize += Number(this.state.utxoMergeList[i].amount); |
|||
} |
|||
|
|||
for (let i = 0; i < _utxos.length; i++) { |
|||
_utxos[i].amount = Number(_utxos[i].amount) * 100000000; |
|||
_utxos[i].interest = Number(_utxos[i].interest) * 100000000; |
|||
_interest += (_utxos[i].interest ? _utxos[i].interest : 0); |
|||
} |
|||
|
|||
devlog(`total out size ${totalOutSize}`); |
|||
devlog(`interest ${_interest}`); |
|||
|
|||
const payload = { |
|||
wif, |
|||
network: 'komodo', |
|||
targets: [Math.floor(totalOutSize * 100000000) - 10000 + _interest], |
|||
utxo: _utxos, |
|||
changeAddress: address, |
|||
outputAddress: address, |
|||
change: 0, |
|||
}; |
|||
|
|||
console.log(payload); |
|||
|
|||
shepherdElectrumSplitUtxoPromise(payload) |
|||
.then((res) => { |
|||
devlog(res); |
|||
|
|||
if (res.msg === 'success') { |
|||
const _coin = this.state.utxoMergeCoin.split('|'); |
|||
|
|||
shepherdCliPromise( |
|||
null, |
|||
_coin[0], |
|||
'sendrawtransaction', |
|||
[res.result] |
|||
) |
|||
.then((res) => { |
|||
devlog(res); |
|||
|
|||
if (!res.error) { |
|||
this.setState({ |
|||
utxoMergePushResult: res.result, |
|||
}); |
|||
Store.dispatch( |
|||
triggerToaster( |
|||
'Merge success', |
|||
'UTXO', |
|||
'success' |
|||
) |
|||
); |
|||
} else { |
|||
Store.dispatch( |
|||
triggerToaster( |
|||
res.result, |
|||
'Merge UTXO error', |
|||
'error' |
|||
) |
|||
); |
|||
} |
|||
}); |
|||
} else { |
|||
Store.dispatch( |
|||
triggerToaster( |
|||
res.result, |
|||
'Merge UTXO error', |
|||
'error' |
|||
) |
|||
); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
getUtxoMerge() { |
|||
const _coin = this.state.utxoMergeCoin.split('|'); |
|||
|
|||
shepherdToolsSeedToWif( |
|||
this.state.utxoMergeSeed, |
|||
'KMD', |
|||
true |
|||
) |
|||
.then((seed2kpRes) => { |
|||
if (seed2kpRes.msg === 'success') { |
|||
shepherdCliPromise(null, _coin[0], 'listunspent') |
|||
.then((res) => { |
|||
// devlog(res);
|
|||
|
|||
if (!res.error) { |
|||
const _utxoList = res.result; |
|||
let largestUTXO = 0; |
|||
|
|||
if (_utxoList && |
|||
_utxoList.length) { |
|||
let _mineUtxo = []; |
|||
|
|||
for (let i = 0; i < _utxoList.length; i++) { |
|||
if (_utxoList[i].spendable && |
|||
seed2kpRes.result.keys.pub === _utxoList[i].address) { |
|||
_mineUtxo.push(_utxoList[i]); |
|||
} |
|||
} |
|||
|
|||
this.setState({ |
|||
utxoMergeList: _mineUtxo, |
|||
utxoMergeAddress: seed2kpRes.result.keys.pub, |
|||
utxoMergeWif: seed2kpRes.result.keys.priv, |
|||
utxoMergeUtxoNum: _mineUtxo.length, |
|||
}); |
|||
} else { |
|||
Store.dispatch( |
|||
triggerToaster( |
|||
'UTXO merge Error', |
|||
'No valid UTXO', |
|||
'error' |
|||
) |
|||
); |
|||
} |
|||
} else { |
|||
Store.dispatch( |
|||
triggerToaster( |
|||
res.result, |
|||
'Get UTXO error', |
|||
'error' |
|||
) |
|||
); |
|||
} |
|||
}); |
|||
} else { |
|||
Store.dispatch( |
|||
triggerToaster( |
|||
seed2kpRes.result, |
|||
'Seed to wif error', |
|||
'error' |
|||
) |
|||
); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
renderCoinOption(option) { |
|||
return ( |
|||
<div> |
|||
<img |
|||
src={ `assets/images/cryptologo/${option.icon.toLowerCase()}.png` } |
|||
alt={ option.label } |
|||
width="30px" |
|||
height="30px" /> |
|||
<span className="margin-left-10">{ option.label }</span> |
|||
</div> |
|||
); |
|||
} |
|||
|
|||
updateSelectedCoin(e, propName) { |
|||
if (e && |
|||
e.value && |
|||
e.value.indexOf('|')) { |
|||
this.setState({ |
|||
[propName]: e.value, |
|||
}); |
|||
} |
|||
} |
|||
|
|||
updateInput(e) { |
|||
this.setState({ |
|||
[e.target.name]: e.target.value, |
|||
}); |
|||
} |
|||
|
|||
openExplorerWindow(txid, coin) { |
|||
const url = `http://${coin}.explorer.supernet.org/tx/${txid}`; |
|||
const remote = window.require('electron').remote; |
|||
const BrowserWindow = remote.BrowserWindow; |
|||
|
|||
const externalWindow = new BrowserWindow({ |
|||
width: 1280, |
|||
height: 800, |
|||
title: `${translate('INDEX.LOADING')}...`, |
|||
icon: remote.getCurrentWindow().iguanaIcon, |
|||
webPreferences: { |
|||
nodeIntegration: false, |
|||
}, |
|||
}); |
|||
|
|||
externalWindow.loadURL(url); |
|||
externalWindow.webContents.on('did-finish-load', () => { |
|||
setTimeout(() => { |
|||
externalWindow.show(); |
|||
}, 40); |
|||
}); |
|||
} |
|||
|
|||
renderUTXOSplitMergeResponse(type) { |
|||
const _utxos = type === 'merge' ? this.state.utxoMergeList : this.state.utxoSplitList; |
|||
let _items = []; |
|||
|
|||
if (_utxos && |
|||
_utxos.length) { |
|||
for (let i = 0; i < _utxos.length; i++) { |
|||
_items.push( |
|||
<tr key={ `tools-utxos-${i}` }> |
|||
<td>{ _utxos[i].amount }</td> |
|||
<td>{ _utxos[i].address }</td> |
|||
<td>{ _utxos[i].confirmations }</td> |
|||
<td>{ _utxos[i].vout }</td> |
|||
<td>{ _utxos[i].txid }</td> |
|||
</tr> |
|||
); |
|||
} |
|||
} |
|||
|
|||
return ( |
|||
<table className="table table-hover dataTable table-striped"> |
|||
<thead> |
|||
<tr> |
|||
<th>Amount</th> |
|||
<th>Address</th> |
|||
<th>Confirmations</th> |
|||
<th>Vout</th> |
|||
<th>TxID</th> |
|||
</tr> |
|||
</thead> |
|||
<tbody> |
|||
{ _items } |
|||
</tbody> |
|||
<tfoot> |
|||
<tr> |
|||
<th>Amount</th> |
|||
<th>Address</th> |
|||
<th>Confirmations</th> |
|||
<th>Vout</th> |
|||
<th>TxID</th> |
|||
</tr> |
|||
</tfoot> |
|||
</table> |
|||
); |
|||
} |
|||
|
|||
render() { |
|||
return ( |
|||
<div className="row margin-left-10"> |
|||
<div className="col-xlg-12 form-group form-material no-padding-left padding-bottom-10"> |
|||
<h4>Merge UTXO</h4> |
|||
</div> |
|||
<div className="col-xlg-12 form-group form-material no-padding-left padding-top-20 padding-bottom-50"> |
|||
<label |
|||
className="control-label col-sm-1 no-padding-left" |
|||
htmlFor="kmdWalletSendTo">Coin</label> |
|||
<Select |
|||
name="utxoMergeCoin" |
|||
className="col-sm-3" |
|||
value={ this.state.utxoMergeCoin } |
|||
onChange={ (event) => this.updateSelectedCoin(event, 'utxoMergeCoin') } |
|||
optionRenderer={ this.renderCoinOption } |
|||
valueRenderer={ this.renderCoinOption } |
|||
options={ [{ |
|||
label: 'Komodo (KMD)', |
|||
icon: 'KMD', |
|||
value: `KMD|native`, |
|||
}].concat(addCoinOptionsAC()) |
|||
} /> |
|||
</div> |
|||
<div className="col-sm-12 form-group form-material no-padding-left"> |
|||
<label |
|||
className="control-label col-sm-1 no-padding-left" |
|||
htmlFor="kmdWalletSendTo">Seed</label> |
|||
<input |
|||
type="text" |
|||
className="form-control col-sm-3" |
|||
name="utxoMergeSeed" |
|||
onChange={ this.updateInput } |
|||
value={ this.state.utxoMergeSeed } |
|||
placeholder="Enter a seed" |
|||
autoComplete="off" |
|||
required /> |
|||
</div> |
|||
{ this.state.utxoMergeAddress && |
|||
<div className="col-sm-12 form-group form-material no-padding-left margin-top-10"> |
|||
Pub: { this.state.utxoMergeAddress } |
|||
</div> |
|||
} |
|||
{ this.state.utxoMergeAddress && |
|||
<div className="col-sm-12 form-group form-material no-padding-left margin-top-10"> |
|||
WIF: { this.state.utxoMergeWif } |
|||
</div> |
|||
} |
|||
<div className="col-sm-12 form-group no-padding-left margin-top-20 padding-bottom-10"> |
|||
<button |
|||
type="button" |
|||
className="btn btn-info col-sm-2" |
|||
onClick={ this.getUtxoMerge }> |
|||
Get UTXO(s) |
|||
</button> |
|||
</div> |
|||
{ this.state.utxoMergeList && |
|||
<div className="col-sm-12 form-group form-material no-padding-left margin-top-10"> |
|||
<div>Total UTXO: { this.state.utxoMergeList.length }</div> |
|||
</div> |
|||
} |
|||
<div className="col-sm-12 form-group form-material no-padding-left margin-top-10"> |
|||
<label className="switch"> |
|||
<input |
|||
type="checkbox" |
|||
checked={ this.state.utxoMergeShowUtxoList } /> |
|||
<div |
|||
className="slider" |
|||
onClick={ this.toggleMergeUtxoList }></div> |
|||
</label> |
|||
<div |
|||
className="toggle-label margin-right-15 pointer iguana-core-toggle" |
|||
onClick={ this.toggleMergeUtxoList }> |
|||
Show UTXO list |
|||
</div> |
|||
</div> |
|||
{ this.state.utxoMergeShowUtxoList && |
|||
<div className="col-sm-12 form-group form-material no-padding-left margin-top-10"> |
|||
{ this.renderUTXOSplitMergeResponse('merge') } |
|||
</div> |
|||
} |
|||
<div className="col-sm-12 form-group form-material no-padding-left padding-top-20 padding-bottom-20"> |
|||
<label |
|||
className="control-label col-sm-2 no-padding-left" |
|||
htmlFor="kmdWalletSendTo">UTXO count to merge in 1 tx</label> |
|||
<input |
|||
type="text" |
|||
className="form-control col-sm-3" |
|||
name="utxoMergeUtxoNum" |
|||
onChange={ this.updateInput } |
|||
value={ this.state.utxoMergeUtxoNum } |
|||
placeholder="UTXO count" |
|||
autoComplete="off" |
|||
required /> |
|||
</div> |
|||
<div className="col-sm-12 form-group form-material no-padding-left margin-top-10 padding-bottom-10"> |
|||
<button |
|||
type="button" |
|||
className="btn btn-info col-sm-2" |
|||
onClick={ this.mergeUtxo }> |
|||
Merge UTXO(s) |
|||
</button> |
|||
</div> |
|||
{ /*this.state.utxoMergeRawtx && |
|||
<div className="col-sm-12 form-group form-material no-padding-left margin-top-10"> |
|||
Rawtx: <div style={{ wordBreak: 'break-all' }}>{ this.state.utxoMergeRawtx }</div> |
|||
</div>*/ |
|||
} |
|||
{ this.state.utxoMergePushResult && |
|||
<div className="col-sm-12 form-group form-material no-padding-left margin-top-10"> |
|||
TXID: <div style={{ wordBreak: 'break-all' }}>{ this.state.utxoMergePushResult }</div> |
|||
{ isKomodoCoin(this.state.utxoMergeCoin.split('|')[0]) && |
|||
<div className="margin-top-10"> |
|||
<button |
|||
type="button" |
|||
className="btn btn-sm white btn-dark waves-effect waves-light pull-left" |
|||
onClick={ () => this.openExplorerWindow(this.state.utxoMergePushResult, this.state.utxoMergeCoin.split('|')[0]) }> |
|||
<i className="icon fa-external-link"></i> { translate('INDEX.OPEN_TRANSACTION_IN_EPLORER', this.state.utxoMergeCoin.split('|')[0]) } |
|||
</button> |
|||
</div> |
|||
} |
|||
</div> |
|||
} |
|||
</div> |
|||
); |
|||
} |
|||
} |
|||
|
|||
export default ToolsMergeUTXO; |
|||
@ -0,0 +1,263 @@ |
|||
import React from 'react'; |
|||
import { translate } from '../../../translate/translate'; |
|||
import addCoinOptionsCrypto from '../../addcoin/addcoinOptionsCrypto'; |
|||
import addCoinOptionsAC from '../../addcoin/addcoinOptionsAC'; |
|||
import Select from 'react-select'; |
|||
import { |
|||
triggerToaster, |
|||
shepherdToolsBalance, |
|||
shepherdToolsBuildUnsigned, |
|||
shepherdToolsPushTx, |
|||
shepherdToolsSeedToWif, |
|||
shepherdToolsWifToKP, |
|||
shepherdElectrumListunspent, |
|||
shepherdCliPromise, |
|||
shepherdElectrumSplitUtxoPromise, |
|||
} from '../../../actions/actionCreators'; |
|||
import Store from '../../../store'; |
|||
import QRCode from 'qrcode.react'; |
|||
import QRModal from '../qrModal/qrModal'; |
|||
|
|||
class ToolsOfflineSigCreate extends React.Component { |
|||
constructor() { |
|||
super(); |
|||
this.state = { |
|||
sendFrom: '', |
|||
sendTo: '', |
|||
amount: 0, |
|||
selectedCoin: '', |
|||
balance: null, |
|||
tx2qr: null, |
|||
utxo: null, |
|||
rawTx2Push: null, |
|||
txPushResult: null, |
|||
}; |
|||
this.updateInput = this.updateInput.bind(this); |
|||
this.updateSelectedCoin = this.updateSelectedCoin.bind(this); |
|||
this.getBalance = this.getBalance.bind(this); |
|||
this.getUnsignedTx = this.getUnsignedTx.bind(this); |
|||
this.closeQr = this.closeQr.bind(this); |
|||
} |
|||
|
|||
getBalance() { |
|||
const _coin = this.state.selectedCoin.split('|'); |
|||
|
|||
shepherdToolsBalance(_coin[0], this.state.sendFrom) |
|||
.then((res) => { |
|||
if (res.msg === 'success') { |
|||
this.setState({ |
|||
balance: res.result, |
|||
}); |
|||
} else { |
|||
Store.dispatch( |
|||
triggerToaster( |
|||
res.result, |
|||
'Offline tx signing', |
|||
'error' |
|||
) |
|||
); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
getUnsignedTx() { |
|||
const _coin = this.state.selectedCoin.split('|'); |
|||
|
|||
shepherdToolsBuildUnsigned(_coin[0], this.state.amount * 100000000, this.state.sendTo, this.state.sendFrom) |
|||
.then((res) => { |
|||
// console.warn(res);
|
|||
|
|||
if (res.msg === 'success') { |
|||
let tx2qr = 'agtx:'; |
|||
res = res.result; |
|||
|
|||
tx2qr += (res.network === 'komodo' ? 'KMD' : res.network) + ':' + res.outputAddress + ':' + res.changeAddress + ':' + res.value + ':' + res.change + ':u:'; |
|||
|
|||
for (let i = 0; i < res.utxoSet.length; i++) { |
|||
tx2qr += res.utxoSet[i].txid + ':' + res.utxoSet[i].value + ':' + res.utxoSet[i].vout + (i === res.utxoSet.length -1 ? '' : '-'); |
|||
} |
|||
|
|||
// console.warn(tx2qr);
|
|||
// console.warn('txqr length', tx2qr.length);
|
|||
|
|||
// max 350 chars
|
|||
|
|||
this.setState({ |
|||
tx2qr, |
|||
utxo: res.utxoSet, |
|||
}); |
|||
} else { |
|||
Store.dispatch( |
|||
triggerToaster( |
|||
res.result, |
|||
'Offline tx signing', |
|||
'error' |
|||
) |
|||
); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
closeQr() { |
|||
this.setState({ |
|||
tx2qr: null, |
|||
}); |
|||
} |
|||
|
|||
renderCoinOption(option) { |
|||
return ( |
|||
<div> |
|||
<img |
|||
src={ `assets/images/cryptologo/${option.icon.toLowerCase()}.png` } |
|||
alt={ option.label } |
|||
width="30px" |
|||
height="30px" /> |
|||
<span className="margin-left-10">{ option.label }</span> |
|||
</div> |
|||
); |
|||
} |
|||
|
|||
updateSelectedCoin(e, propName) { |
|||
if (e && |
|||
e.value && |
|||
e.value.indexOf('|')) { |
|||
this.setState({ |
|||
[propName]: e.value, |
|||
}); |
|||
} |
|||
} |
|||
|
|||
updateInput(e) { |
|||
this.setState({ |
|||
[e.target.name]: e.target.value, |
|||
}); |
|||
} |
|||
|
|||
render() { |
|||
return ( |
|||
<div className="row margin-left-10"> |
|||
<div className="col-xlg-12 form-group form-material no-padding-left padding-bottom-10"> |
|||
<h4>Offline Transaction Signing</h4> |
|||
</div> |
|||
<div className="col-xlg-12 form-group form-material no-padding-left padding-top-20 padding-bottom-70"> |
|||
<label |
|||
className="control-label col-sm-1 no-padding-left" |
|||
htmlFor="kmdWalletSendTo">Coin</label> |
|||
<Select |
|||
name="selectedCoin" |
|||
className="col-sm-3" |
|||
value={ this.state.selectedCoin } |
|||
onChange={ (event) => this.updateSelectedCoin(event, 'selectedCoin') } |
|||
optionRenderer={ this.renderCoinOption } |
|||
valueRenderer={ this.renderCoinOption } |
|||
options={ addCoinOptionsCrypto().concat(addCoinOptionsAC()) } /> |
|||
</div> |
|||
<div className="col-sm-12 form-group form-material no-padding-left"> |
|||
<label |
|||
className="control-label col-sm-1 no-padding-left" |
|||
htmlFor="kmdWalletSendTo">{ translate('INDEX.SEND_FROM') }</label> |
|||
<input |
|||
type="text" |
|||
className="form-control col-sm-3" |
|||
name="sendFrom" |
|||
onChange={ this.updateInput } |
|||
value={ this.state.sendFrom } |
|||
id="kmdWalletSendTo" |
|||
placeholder={ translate('SEND.ENTER_ADDRESS') } |
|||
autoComplete="off" |
|||
required /> |
|||
</div> |
|||
<div className="col-sm-12 form-group form-material no-padding-left margin-top-10 padding-bottom-10"> |
|||
<button |
|||
type="button" |
|||
className="btn btn-info col-sm-2" |
|||
onClick={ this.getBalance }> |
|||
Get balance |
|||
</button> |
|||
{ this.state.balance && |
|||
<label className="margin-left-20">Balance: { this.state.balance.balance } </label> |
|||
} |
|||
</div> |
|||
<div className="col-sm-12 form-group form-material no-padding-left"> |
|||
<label |
|||
className="control-label col-sm-1 no-padding-left" |
|||
htmlFor="kmdWalletSendTo">{ translate('INDEX.SEND_TO') }</label> |
|||
<input |
|||
type="text" |
|||
className="form-control col-sm-3" |
|||
name="sendTo" |
|||
onChange={ this.updateInput } |
|||
value={ this.state.sendTo } |
|||
id="kmdWalletSendTo" |
|||
placeholder={ translate('SEND.ENTER_ADDRESS') } |
|||
autoComplete="off" |
|||
required /> |
|||
</div> |
|||
<div className="col-sm-12 form-group form-material no-padding-left"> |
|||
<label |
|||
className="control-label col-sm-1 no-padding-left" |
|||
htmlFor="kmdWalletAmount"> |
|||
{ translate('INDEX.AMOUNT') } |
|||
</label> |
|||
<input |
|||
type="text" |
|||
className="form-control col-sm-3" |
|||
name="amount" |
|||
value={ this.state.amount } |
|||
onChange={ this.updateInput } |
|||
id="kmdWalletAmount" |
|||
placeholder="0.000" |
|||
autoComplete="off" /> |
|||
</div> |
|||
<div className="col-sm-12 form-group form-material no-padding-left margin-top-20"> |
|||
<button |
|||
type="button" |
|||
className="btn btn-primary col-sm-2" |
|||
onClick={ this.getUnsignedTx }> |
|||
Generate unsigned tx QR |
|||
</button> |
|||
</div> |
|||
{ this.state.tx2qr && |
|||
<div className="col-sm-12 form-group form-material no-padding-left margin-top-20"> |
|||
<label className="control-label col-sm-1 no-padding-left">QR payload</label> |
|||
<textarea |
|||
rows="5" |
|||
cols="20" |
|||
className="col-sm-7" |
|||
value={ this.state.tx2qr }></textarea> |
|||
</div> |
|||
} |
|||
{ this.state.tx2qr && |
|||
<div className="col-sm-12 form-group form-material no-padding-left margin-top-20"> |
|||
<label className="control-label col-sm-2 no-padding-left"> |
|||
UTXO count: { this.state.utxo.length } |
|||
</label> |
|||
{ this.state.utxo.length > 3 && |
|||
<div className="col-red margin-left-20 margin-top-5">cant encode a qr tx larger than 3 utxos!</div> |
|||
} |
|||
</div> |
|||
} |
|||
{ this.state.tx2qr && |
|||
this.state.utxo.length < 4 && |
|||
<div className="offlinesig-qr"> |
|||
<div className="margin-top-50 margin-bottom-70 center"> |
|||
<div> |
|||
<QRCode |
|||
value={ this.state.tx2qr } |
|||
size={ 560 } /> |
|||
</div> |
|||
<button |
|||
type="button" |
|||
className="btn btn-primary col-sm-2" |
|||
onClick={ this.closeQr }> |
|||
Close |
|||
</button> |
|||
</div> |
|||
</div> |
|||
} |
|||
</div> |
|||
); |
|||
} |
|||
} |
|||
|
|||
export default ToolsOfflineSigCreate; |
|||
@ -0,0 +1,125 @@ |
|||
import React from 'react'; |
|||
import { translate } from '../../../translate/translate'; |
|||
import addCoinOptionsCrypto from '../../addcoin/addcoinOptionsCrypto'; |
|||
import addCoinOptionsAC from '../../addcoin/addcoinOptionsAC'; |
|||
import Select from 'react-select'; |
|||
import { |
|||
triggerToaster, |
|||
shepherdToolsBalance, |
|||
shepherdToolsBuildUnsigned, |
|||
shepherdToolsPushTx, |
|||
shepherdToolsSeedToWif, |
|||
shepherdToolsWifToKP, |
|||
shepherdElectrumListunspent, |
|||
shepherdCliPromise, |
|||
shepherdElectrumSplitUtxoPromise, |
|||
} from '../../../actions/actionCreators'; |
|||
import Store from '../../../store'; |
|||
import QRCode from 'qrcode.react'; |
|||
import QRModal from '../qrModal/qrModal'; |
|||
|
|||
class ToolsOfflineSigScan extends React.Component { |
|||
constructor() { |
|||
super(); |
|||
this.state = { |
|||
sendFrom: '', |
|||
sendTo: '', |
|||
amount: 0, |
|||
selectedCoin: '', |
|||
balance: null, |
|||
tx2qr: null, |
|||
utxo: null, |
|||
rawTx2Push: null, |
|||
txPushResult: null, |
|||
}; |
|||
this.updateInput = this.updateInput.bind(this); |
|||
this.updateSelectedCoin = this.updateSelectedCoin.bind(this); |
|||
this.sendTx = this.sendTx.bind(this); |
|||
} |
|||
|
|||
sendTx(rawTx2Push) { |
|||
let _txData = rawTx2Push.split(':'); |
|||
|
|||
// console.warn(_txData);
|
|||
|
|||
shepherdToolsPushTx(_txData[0], _txData[1]) |
|||
.then((res) => { |
|||
// console.warn(res);
|
|||
|
|||
this.setState({ |
|||
txPushResult: res.result, |
|||
rawTx2Push, |
|||
}); |
|||
}); |
|||
} |
|||
|
|||
renderCoinOption(option) { |
|||
return ( |
|||
<div> |
|||
<img |
|||
src={ `assets/images/cryptologo/${option.icon.toLowerCase()}.png` } |
|||
alt={ option.label } |
|||
width="30px" |
|||
height="30px" /> |
|||
<span className="margin-left-10">{ option.label }</span> |
|||
</div> |
|||
); |
|||
} |
|||
|
|||
updateSelectedCoin(e, propName) { |
|||
if (e && |
|||
e.value && |
|||
e.value.indexOf('|')) { |
|||
this.setState({ |
|||
[propName]: e.value, |
|||
}); |
|||
} |
|||
} |
|||
|
|||
updateInput(e) { |
|||
this.setState({ |
|||
[e.target.name]: e.target.value, |
|||
}); |
|||
} |
|||
|
|||
render() { |
|||
return ( |
|||
<div className="row margin-left-10"> |
|||
<div className="col-xlg-12 form-group form-material no-padding-left padding-bottom-10"> |
|||
<h4>Push QR transaction</h4> |
|||
</div> |
|||
<div className="col-sm-12 form-group form-material no-padding-left"> |
|||
<QRModal |
|||
mode="scan" |
|||
setRecieverFromScan={ this.sendTx } /> |
|||
</div> |
|||
{ this.state.rawTx2Push && |
|||
<div className="col-sm-12 form-group form-material no-padding-left margin-top-20"> |
|||
<textarea |
|||
rows="5" |
|||
cols="20" |
|||
className="col-sm-7 no-padding-left" |
|||
value={ this.state.rawTx2Push }></textarea> |
|||
</div> |
|||
} |
|||
{ this.state.txPushResult && |
|||
<div className="col-sm-12 form-group form-material no-padding-left margin-top-20"> |
|||
{ this.state.txPushResult.length === 64 && |
|||
<div> |
|||
<div className="margin-bottom-15"> |
|||
{ this.state.rawTx2Push.split(':')[0].toUpperCase() } transaction pushed! |
|||
</div> |
|||
<div>TxID { this.state.txPushResult }</div> |
|||
</div> |
|||
} |
|||
{ this.state.txPushResult.length !== 64 && |
|||
<div>Error: { this.state.txPushResult }</div> |
|||
} |
|||
</div> |
|||
} |
|||
</div> |
|||
); |
|||
} |
|||
} |
|||
|
|||
export default ToolsOfflineSigScan; |
|||
@ -0,0 +1,167 @@ |
|||
import React from 'react'; |
|||
import { translate } from '../../../translate/translate'; |
|||
import addCoinOptionsCrypto from '../../addcoin/addcoinOptionsCrypto'; |
|||
import addCoinOptionsAC from '../../addcoin/addcoinOptionsAC'; |
|||
import Select from 'react-select'; |
|||
import { |
|||
triggerToaster, |
|||
shepherdToolsBalance, |
|||
shepherdToolsBuildUnsigned, |
|||
shepherdToolsPushTx, |
|||
shepherdToolsSeedToWif, |
|||
shepherdToolsWifToKP, |
|||
shepherdElectrumListunspent, |
|||
shepherdCliPromise, |
|||
shepherdElectrumSplitUtxoPromise, |
|||
} from '../../../actions/actionCreators'; |
|||
import Store from '../../../store'; |
|||
|
|||
class ToolsSeedToWif extends React.Component { |
|||
constructor() { |
|||
super(); |
|||
this.state = { |
|||
s2wSeed: '', |
|||
s2wCoin: '', |
|||
s2wisIguana: true, |
|||
s2wResult: null, |
|||
}; |
|||
this.updateInput = this.updateInput.bind(this); |
|||
this.updateSelectedCoin = this.updateSelectedCoin.bind(this); |
|||
this.seed2Wif = this.seed2Wif.bind(this); |
|||
this.toggleS2wIsIguana = this.toggleS2wIsIguana.bind(this); |
|||
} |
|||
|
|||
seed2Wif() { |
|||
const _coin = this.state.s2wCoin.split('|'); |
|||
|
|||
shepherdToolsSeedToWif( |
|||
this.state.s2wSeed, |
|||
_coin[0], |
|||
this.state.s2wisIguana |
|||
) |
|||
.then((res) => { |
|||
// console.warn(res);
|
|||
|
|||
if (res.msg === 'success') { |
|||
this.setState({ |
|||
s2wResult: res.result, |
|||
}); |
|||
} else { |
|||
Store.dispatch( |
|||
triggerToaster( |
|||
res.result, |
|||
'Seed to wif error', |
|||
'error' |
|||
) |
|||
); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
toggleS2wIsIguana() { |
|||
this.setState({ |
|||
s2wisIguana: !this.state.s2wisIguana, |
|||
}); |
|||
} |
|||
|
|||
renderCoinOption(option) { |
|||
return ( |
|||
<div> |
|||
<img |
|||
src={ `assets/images/cryptologo/${option.icon.toLowerCase()}.png` } |
|||
alt={ option.label } |
|||
width="30px" |
|||
height="30px" /> |
|||
<span className="margin-left-10">{ option.label }</span> |
|||
</div> |
|||
); |
|||
} |
|||
|
|||
updateSelectedCoin(e, propName) { |
|||
if (e && |
|||
e.value && |
|||
e.value.indexOf('|')) { |
|||
this.setState({ |
|||
[propName]: e.value, |
|||
}); |
|||
} |
|||
} |
|||
|
|||
updateInput(e) { |
|||
this.setState({ |
|||
[e.target.name]: e.target.value, |
|||
}); |
|||
} |
|||
|
|||
render() { |
|||
return ( |
|||
<div className="row margin-left-10"> |
|||
<div className="col-xlg-12 form-group form-material no-padding-left padding-bottom-10"> |
|||
<h4>Seed to key pair (wif, pub)</h4> |
|||
</div> |
|||
<div className="col-xlg-12 form-group form-material no-padding-left padding-top-20 padding-bottom-70"> |
|||
<label |
|||
className="control-label col-sm-1 no-padding-left" |
|||
htmlFor="kmdWalletSendTo">Coin</label> |
|||
<Select |
|||
name="s2wCoin" |
|||
className="col-sm-3" |
|||
value={ this.state.s2wCoin } |
|||
onChange={ (event) => this.updateSelectedCoin(event, 's2wCoin') } |
|||
optionRenderer={ this.renderCoinOption } |
|||
valueRenderer={ this.renderCoinOption } |
|||
options={ addCoinOptionsCrypto().concat(addCoinOptionsAC()) } /> |
|||
</div> |
|||
<div className="col-sm-12 form-group form-material no-padding-left"> |
|||
<label |
|||
className="control-label col-sm-1 no-padding-left" |
|||
htmlFor="kmdWalletSendTo">Passphrase</label> |
|||
<input |
|||
type="text" |
|||
className="form-control col-sm-3" |
|||
name="s2wSeed" |
|||
onChange={ this.updateInput } |
|||
value={ this.state.s2wSeed } |
|||
placeholder="Enter a passphrase" |
|||
autoComplete="off" |
|||
required /> |
|||
</div> |
|||
<div className="col-sm-12 form-group form-material no-padding-left"> |
|||
<label className="switch"> |
|||
<input |
|||
type="checkbox" |
|||
checked={ this.state.s2wisIguana } /> |
|||
<div |
|||
className="slider" |
|||
onClick={ this.toggleS2wIsIguana }></div> |
|||
</label> |
|||
<div |
|||
className="toggle-label pointer iguana-core-toggle" |
|||
onClick={ this.toggleS2wIsIguana }> |
|||
Iguana Core compatible |
|||
</div> |
|||
</div> |
|||
<div className="col-sm-12 form-group form-material no-padding-left margin-top-10 padding-bottom-10"> |
|||
<button |
|||
type="button" |
|||
className="btn btn-info col-sm-2" |
|||
onClick={ this.seed2Wif }> |
|||
Get WIF |
|||
</button> |
|||
</div> |
|||
{ this.state.s2wResult && |
|||
<div className="col-sm-12 form-group form-material no-padding-left margin-top-10"> |
|||
<div> |
|||
<strong>WIF:</strong> { this.state.s2wResult.keys.priv } |
|||
</div> |
|||
<div className="margin-top-10"> |
|||
<strong>Pub:</strong> { this.state.s2wResult.keys.pub } |
|||
</div> |
|||
</div> |
|||
} |
|||
</div> |
|||
); |
|||
} |
|||
} |
|||
|
|||
export default ToolsSeedToWif; |
|||
@ -0,0 +1,520 @@ |
|||
import React from 'react'; |
|||
import { translate } from '../../../translate/translate'; |
|||
import addCoinOptionsCrypto from '../../addcoin/addcoinOptionsCrypto'; |
|||
import addCoinOptionsAC from '../../addcoin/addcoinOptionsAC'; |
|||
import Select from 'react-select'; |
|||
import { |
|||
triggerToaster, |
|||
shepherdToolsBalance, |
|||
shepherdToolsBuildUnsigned, |
|||
shepherdToolsPushTx, |
|||
shepherdToolsSeedToWif, |
|||
shepherdToolsWifToKP, |
|||
shepherdElectrumListunspent, |
|||
shepherdCliPromise, |
|||
shepherdElectrumSplitUtxoPromise, |
|||
} from '../../../actions/actionCreators'; |
|||
import Store from '../../../store'; |
|||
import { isKomodoCoin } from '../../../util/coinHelper'; |
|||
import devlog from '../../../util/devlog'; |
|||
|
|||
class ToolsSplitUTXO extends React.Component { |
|||
constructor() { |
|||
super(); |
|||
this.state = { |
|||
utxoSplitLargestUtxo: null, |
|||
utxoSplitAddress: null, |
|||
utxoSplitWif: null, |
|||
utxoSplitSeed: '', |
|||
utxoSplitCoin: '', |
|||
utxoSplitList: null, |
|||
utxoSplitPairsCount: 1, |
|||
utxoSplitPairs: '10,0.002', |
|||
utxoSplitRawtx: null, |
|||
utxoSplitPushResult: null, |
|||
utxoSplitShowUtxoList: false, |
|||
splitUtxoApproximateVal: null, |
|||
}; |
|||
this.updateInput = this.updateInput.bind(this); |
|||
this.updateSelectedCoin = this.updateSelectedCoin.bind(this); |
|||
this.getUtxoSplit = this.getUtxoSplit.bind(this); |
|||
this.splitUtxo = this.splitUtxo.bind(this); |
|||
this.toggleSplitUtxoList = this.toggleSplitUtxoList.bind(this); |
|||
this.splitUtxoApproximate = this.splitUtxoApproximate.bind(this); |
|||
} |
|||
|
|||
toggleSplitUtxoList() { |
|||
this.setState({ |
|||
utxoSplitShowUtxoList: !this.state.utxoSplitShowUtxoList, |
|||
}); |
|||
} |
|||
|
|||
splitUtxoApproximate() { |
|||
let largestUTXO = { amount: 0 }; |
|||
|
|||
for (let i = 0; i < this.state.utxoSplitList.length; i++) { |
|||
if (Number(this.state.utxoSplitList[i].amount) > Number(largestUTXO.amount)) { |
|||
largestUTXO = JSON.parse(JSON.stringify(this.state.utxoSplitList[i])); |
|||
} |
|||
} |
|||
|
|||
devlog(`largest utxo ${largestUTXO.amount}`); |
|||
devlog(`largest utxo ${largestUTXO.amount}`); |
|||
|
|||
const utxoSize = largestUTXO.amount; |
|||
const targetSizes = this.state.utxoSplitPairs.split(','); |
|||
const wif = this.state.utxoSplitWif; |
|||
const address = this.state.utxoSplitAddress; |
|||
const pairsCount = this.state.utxoSplitPairsCount; |
|||
let totalOutSize = 0; |
|||
let _targets = []; |
|||
|
|||
devlog(`total utxos ${pairsCount * targetSizes.length}`); |
|||
devlog(`total pairs ${pairsCount}`); |
|||
devlog(`utxo size ${utxoSize}`); |
|||
devlog(`utxo sizes`); |
|||
devlog(targetSizes); |
|||
|
|||
for (let i = 0; i < pairsCount; i++) { |
|||
for (let j = 0; j < targetSizes.length; j++) { |
|||
devlog(`vout ${_targets.length} ${targetSizes[j]}`); |
|||
_targets.push(Number(targetSizes[j]) * 100000000); |
|||
totalOutSize += Number(targetSizes[j]); |
|||
} |
|||
} |
|||
|
|||
devlog(`total out size ${totalOutSize}`); |
|||
devlog(`largest utxo size ${largestUTXO.amount}`); |
|||
devlog(`change ${Number(largestUTXO.amount - totalOutSize) - 0.0001 + (largestUTXO.interest ? largestUTXO.interest : 0)}`); |
|||
|
|||
this.setState({ |
|||
splitUtxoApproximateVal: largestUTXO.amount - totalOutSize > 0 ? totalOutSize : 'no op, output is bigger than utxo size!', |
|||
}); |
|||
} |
|||
|
|||
splitUtxo() { |
|||
let largestUTXO = { amount: 0 }; |
|||
|
|||
for (let i = 0; i < this.state.utxoSplitList.length; i++) { |
|||
if (Number(this.state.utxoSplitList[i].amount) > Number(largestUTXO.amount)) { |
|||
largestUTXO = JSON.parse(JSON.stringify(this.state.utxoSplitList[i])); |
|||
} |
|||
} |
|||
|
|||
devlog(`largest utxo ${largestUTXO.amount}`); |
|||
devlog(`largest utxo ${largestUTXO.amount}`); |
|||
|
|||
const utxoSize = largestUTXO.amount; |
|||
const targetSizes = this.state.utxoSplitPairs.split(','); |
|||
const wif = this.state.utxoSplitWif; |
|||
const address = this.state.utxoSplitAddress; |
|||
const pairsCount = this.state.utxoSplitPairsCount; |
|||
let totalOutSize = 0; |
|||
let _targets = []; |
|||
|
|||
devlog(`total utxos ${pairsCount * targetSizes.length}`); |
|||
devlog(`total pairs ${pairsCount}`); |
|||
devlog(`utxo size ${utxoSize}`); |
|||
devlog(`utxo sizes`); |
|||
devlog(targetSizes); |
|||
|
|||
for (let i = 0; i < pairsCount; i++) { |
|||
for (let j = 0; j < targetSizes.length; j++) { |
|||
devlog(`vout ${_targets.length} ${targetSizes[j]}`); |
|||
_targets.push(Number(targetSizes[j]) * 100000000); |
|||
totalOutSize += Number(targetSizes[j]); |
|||
} |
|||
} |
|||
|
|||
devlog(`total out size ${totalOutSize}`); |
|||
devlog(`largest utxo size ${largestUTXO.amount}`); |
|||
devlog(`change ${Number(largestUTXO.amount - totalOutSize) - 0.0001 + (largestUTXO.interest ? largestUTXO.interest : 0)}`); |
|||
|
|||
const payload = { |
|||
wif, |
|||
network: 'komodo', |
|||
targets: _targets, |
|||
utxo: [largestUTXO], |
|||
changeAddress: address, |
|||
outputAddress: address, |
|||
change: Math.floor(Number(largestUTXO.amount - totalOutSize) * 100000000 - 10000 + ((largestUTXO.interest ? largestUTXO.interest : 0) * 100000000)), // 10k sat fee
|
|||
}; |
|||
|
|||
devlog(payload); |
|||
devlog(largestUTXO); |
|||
|
|||
shepherdElectrumSplitUtxoPromise(payload) |
|||
.then((res) => { |
|||
devlog(res); |
|||
|
|||
if (res.msg === 'success') { |
|||
const _coin = this.state.utxoSplitCoin.split('|'); |
|||
|
|||
shepherdCliPromise( |
|||
null, |
|||
_coin[0], |
|||
'sendrawtransaction', |
|||
[res.result] |
|||
) |
|||
.then((res) => { |
|||
devlog(res); |
|||
|
|||
if (!res.error) { |
|||
this.setState({ |
|||
utxoSplitPushResult: res.result, |
|||
}); |
|||
Store.dispatch( |
|||
triggerToaster( |
|||
'Split success', |
|||
'UTXO', |
|||
'success' |
|||
) |
|||
); |
|||
} else { |
|||
Store.dispatch( |
|||
triggerToaster( |
|||
res.result, |
|||
'Split UTXO error', |
|||
'error' |
|||
) |
|||
); |
|||
} |
|||
}); |
|||
} else { |
|||
Store.dispatch( |
|||
triggerToaster( |
|||
res.result, |
|||
'Split UTXO error', |
|||
'error' |
|||
) |
|||
); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
getUtxoSplit() { |
|||
const _coin = this.state.utxoSplitCoin.split('|'); |
|||
|
|||
shepherdToolsSeedToWif( |
|||
this.state.utxoSplitSeed, |
|||
'KMD', |
|||
true |
|||
) |
|||
.then((seed2kpRes) => { |
|||
if (seed2kpRes.msg === 'success') { |
|||
shepherdCliPromise(null, _coin[0], 'listunspent') |
|||
.then((res) => { |
|||
// devlog(res);
|
|||
|
|||
if (!res.error) { |
|||
const _utxoList = res.result; |
|||
let largestUTXO = 0; |
|||
|
|||
if (_utxoList && |
|||
_utxoList.length) { |
|||
let _mineUtxo = []; |
|||
|
|||
for (let i = 0; i < _utxoList.length; i++) { |
|||
if (_utxoList[i].spendable && |
|||
seed2kpRes.result.keys.pub === _utxoList[i].address) { |
|||
_mineUtxo.push(_utxoList[i]); |
|||
} |
|||
} |
|||
|
|||
for (let i = 0; i < _mineUtxo.length; i++) { |
|||
if (Number(_mineUtxo[i].amount) > Number(largestUTXO)) { |
|||
largestUTXO = _mineUtxo[i].amount; |
|||
} |
|||
} |
|||
|
|||
this.setState({ |
|||
utxoSplitList: _mineUtxo, |
|||
utxoSplitLargestUtxo: largestUTXO, |
|||
utxoSplitAddress: seed2kpRes.result.keys.pub, |
|||
utxoSplitWif: seed2kpRes.result.keys.priv, |
|||
}); |
|||
} else { |
|||
Store.dispatch( |
|||
triggerToaster( |
|||
res.result, |
|||
'Split UTXO error', |
|||
'error' |
|||
) |
|||
); |
|||
} |
|||
} else { |
|||
Store.dispatch( |
|||
triggerToaster( |
|||
res.result, |
|||
'Get UTXO error', |
|||
'error' |
|||
) |
|||
); |
|||
} |
|||
}); |
|||
} else { |
|||
Store.dispatch( |
|||
triggerToaster( |
|||
seed2kpRes.result, |
|||
'Seed to wif error', |
|||
'error' |
|||
) |
|||
); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
renderCoinOption(option) { |
|||
return ( |
|||
<div> |
|||
<img |
|||
src={ `assets/images/cryptologo/${option.icon.toLowerCase()}.png` } |
|||
alt={ option.label } |
|||
width="30px" |
|||
height="30px" /> |
|||
<span className="margin-left-10">{ option.label }</span> |
|||
</div> |
|||
); |
|||
} |
|||
|
|||
updateSelectedCoin(e, propName) { |
|||
if (e && |
|||
e.value && |
|||
e.value.indexOf('|')) { |
|||
this.setState({ |
|||
[propName]: e.value, |
|||
}); |
|||
} |
|||
} |
|||
|
|||
updateInput(e) { |
|||
this.setState({ |
|||
[e.target.name]: e.target.value, |
|||
}); |
|||
} |
|||
|
|||
openExplorerWindow(txid, coin) { |
|||
const url = `http://${coin}.explorer.supernet.org/tx/${txid}`; |
|||
const remote = window.require('electron').remote; |
|||
const BrowserWindow = remote.BrowserWindow; |
|||
|
|||
const externalWindow = new BrowserWindow({ |
|||
width: 1280, |
|||
height: 800, |
|||
title: `${translate('INDEX.LOADING')}...`, |
|||
icon: remote.getCurrentWindow().iguanaIcon, |
|||
webPreferences: { |
|||
nodeIntegration: false, |
|||
}, |
|||
}); |
|||
|
|||
externalWindow.loadURL(url); |
|||
externalWindow.webContents.on('did-finish-load', () => { |
|||
setTimeout(() => { |
|||
externalWindow.show(); |
|||
}, 40); |
|||
}); |
|||
} |
|||
|
|||
renderUTXOSplitMergeResponse(type) { |
|||
const _utxos = type === 'merge' ? this.state.utxoMergeList : this.state.utxoSplitList; |
|||
let _items = []; |
|||
|
|||
if (_utxos && |
|||
_utxos.length) { |
|||
for (let i = 0; i < _utxos.length; i++) { |
|||
_items.push( |
|||
<tr key={ `tools-utxos-${i}` }> |
|||
<td>{ _utxos[i].amount }</td> |
|||
<td>{ _utxos[i].address }</td> |
|||
<td>{ _utxos[i].confirmations }</td> |
|||
<td>{ _utxos[i].vout }</td> |
|||
<td>{ _utxos[i].txid }</td> |
|||
</tr> |
|||
); |
|||
} |
|||
} |
|||
|
|||
return ( |
|||
<table className="table table-hover dataTable table-striped"> |
|||
<thead> |
|||
<tr> |
|||
<th>Amount</th> |
|||
<th>Address</th> |
|||
<th>Confirmations</th> |
|||
<th>Vout</th> |
|||
<th>TxID</th> |
|||
</tr> |
|||
</thead> |
|||
<tbody> |
|||
{ _items } |
|||
</tbody> |
|||
<tfoot> |
|||
<tr> |
|||
<th>Amount</th> |
|||
<th>Address</th> |
|||
<th>Confirmations</th> |
|||
<th>Vout</th> |
|||
<th>TxID</th> |
|||
</tr> |
|||
</tfoot> |
|||
</table> |
|||
); |
|||
} |
|||
|
|||
render() { |
|||
return ( |
|||
<div className="row margin-left-10"> |
|||
<div className="col-xlg-12 form-group form-material no-padding-left padding-bottom-10"> |
|||
<h4>Split UTXO</h4> |
|||
</div> |
|||
<div className="col-xlg-12 form-group form-material no-padding-left padding-top-20 padding-bottom-50"> |
|||
<label |
|||
className="control-label col-sm-1 no-padding-left" |
|||
htmlFor="kmdWalletSendTo">Coin</label> |
|||
<Select |
|||
name="utxoSplitCoin" |
|||
className="col-sm-3" |
|||
value={ this.state.utxoSplitCoin } |
|||
onChange={ (event) => this.updateSelectedCoin(event, 'utxoSplitCoin') } |
|||
optionRenderer={ this.renderCoinOption } |
|||
valueRenderer={ this.renderCoinOption } |
|||
options={ [{ |
|||
label: 'Komodo (KMD)', |
|||
icon: 'KMD', |
|||
value: `KMD|native`, |
|||
}].concat(addCoinOptionsAC()) } /> |
|||
</div> |
|||
<div className="col-sm-12 form-group form-material no-padding-left"> |
|||
<label |
|||
className="control-label col-sm-1 no-padding-left" |
|||
htmlFor="kmdWalletSendTo">Seed</label> |
|||
<input |
|||
type="text" |
|||
className="form-control col-sm-3" |
|||
name="utxoSplitSeed" |
|||
onChange={ this.updateInput } |
|||
value={ this.state.utxoSplitSeed } |
|||
placeholder="Enter a seed" |
|||
autoComplete="off" |
|||
required /> |
|||
</div> |
|||
{ this.state.utxoSplitAddress && |
|||
<div className="col-sm-12 form-group form-material no-padding-left margin-top-10"> |
|||
Pub: { this.state.utxoSplitAddress } |
|||
</div> |
|||
} |
|||
{ this.state.utxoSplitAddress && |
|||
<div className="col-sm-12 form-group form-material no-padding-left margin-top-10"> |
|||
WIF: { this.state.utxoSplitWif } |
|||
</div> |
|||
} |
|||
<div className="col-sm-12 form-group no-padding-left margin-top-20 padding-bottom-10"> |
|||
<button |
|||
type="button" |
|||
className="btn btn-info col-sm-2" |
|||
onClick={ this.getUtxoSplit }> |
|||
Get UTXO(s) |
|||
</button> |
|||
</div> |
|||
{ this.state.utxoSplitList && |
|||
<div className="col-sm-12 form-group form-material no-padding-left margin-top-10"> |
|||
{ /*this.renderUTXOSplitResponse()*/ } |
|||
<div>Total UTXO: { this.state.utxoSplitList.length }</div> |
|||
<div>Largest UTXO: { this.state.utxoSplitLargestUtxo }</div> |
|||
</div> |
|||
} |
|||
<div className="col-sm-12 form-group form-material no-padding-left margin-top-10"> |
|||
<label className="switch"> |
|||
<input |
|||
type="checkbox" |
|||
checked={ this.state.utxoSplitShowUtxoList } /> |
|||
<div |
|||
className="slider" |
|||
onClick={ this.toggleSplitUtxoList }></div> |
|||
</label> |
|||
<div |
|||
className="toggle-label margin-right-15 pointer iguana-core-toggle" |
|||
onClick={ this.toggleSplitUtxoList }> |
|||
Show UTXO list |
|||
</div> |
|||
</div> |
|||
{ this.state.utxoSplitShowUtxoList && |
|||
<div className="col-sm-12 form-group form-material no-padding-left margin-top-10"> |
|||
{ this.renderUTXOSplitMergeResponse('split') } |
|||
</div> |
|||
} |
|||
<div className="col-sm-12 form-group form-material no-padding-left margin-top-20 padding-bottom-20"> |
|||
<label |
|||
className="control-label col-sm-2 no-padding-left" |
|||
htmlFor="kmdWalletSendTo">UTXO sizes</label> |
|||
<input |
|||
type="text" |
|||
className="form-control col-sm-3" |
|||
name="utxoSplitPairs" |
|||
onChange={ this.updateInput } |
|||
value={ this.state.utxoSplitPairs } |
|||
placeholder="UTXO sized" |
|||
autoComplete="off" |
|||
required /> |
|||
</div> |
|||
<div className="col-sm-12 form-group form-material no-padding-left padding-top-20 padding-bottom-20"> |
|||
<label |
|||
className="control-label col-sm-2 no-padding-left" |
|||
htmlFor="kmdWalletSendTo">Number of pairs</label> |
|||
<input |
|||
type="text" |
|||
className="form-control col-sm-3" |
|||
name="utxoSplitPairsCount" |
|||
onChange={ this.updateInput } |
|||
value={ this.state.utxoSplitPairsCount } |
|||
placeholder="Pairs" |
|||
autoComplete="off" |
|||
required /> |
|||
</div> |
|||
<div className="col-sm-12 form-group form-material no-padding-left margin-top-10 padding-bottom-10"> |
|||
<button |
|||
type="button" |
|||
className="btn btn-info col-sm-2" |
|||
onClick={ this.splitUtxoApproximate }> |
|||
Calc total output size |
|||
</button> |
|||
<button |
|||
type="button" |
|||
className="btn btn-info col-sm-2 margin-left-40" |
|||
onClick={ this.splitUtxo }> |
|||
Split UTXO(s) |
|||
</button> |
|||
</div> |
|||
{ this.state.splitUtxoApproximateVal && |
|||
<div className="col-sm-12 form-group form-material no-padding-left margin-top-10"> |
|||
Total out size: { this.state.splitUtxoApproximateVal } |
|||
</div> |
|||
} |
|||
{ |
|||
/*this.state.utxoSplitRawtx && |
|||
<div className="col-sm-12 form-group form-material no-padding-left margin-top-10"> |
|||
Rawtx: <div style={{ wordBreak: 'break-all' }}>{ this.state.utxoSplitRawtx }</div> |
|||
</div>*/ |
|||
} |
|||
{ this.state.utxoSplitPushResult && |
|||
<div className="col-sm-12 form-group form-material no-padding-left margin-top-10"> |
|||
TXID: <div style={{ wordBreak: 'break-all' }}>{ this.state.utxoSplitPushResult }</div> |
|||
{ isKomodoCoin(this.state.utxoSplitCoin.split('|')[0]) && |
|||
<div className="margin-top-10"> |
|||
<button |
|||
type="button" |
|||
className="btn btn-sm white btn-dark waves-effect waves-light pull-left" |
|||
onClick={ () => this.openExplorerWindow(this.state.utxoSplitPushResult, this.state.utxoSplitCoin.split('|')[0]) }> |
|||
<i className="icon fa-external-link"></i> { translate('INDEX.OPEN_TRANSACTION_IN_EPLORER', this.state.utxoSplitCoin.split('|')[0]) } |
|||
</button> |
|||
</div> |
|||
} |
|||
</div> |
|||
} |
|||
</div> |
|||
); |
|||
} |
|||
} |
|||
|
|||
export default ToolsSplitUTXO; |
|||
@ -0,0 +1,61 @@ |
|||
import React from 'react'; |
|||
import { translate } from '../../../translate/translate'; |
|||
import addCoinOptionsCrypto from '../../addcoin/addcoinOptionsCrypto'; |
|||
import addCoinOptionsAC from '../../addcoin/addcoinOptionsAC'; |
|||
import Select from 'react-select'; |
|||
import { |
|||
triggerToaster, |
|||
shepherdToolsBalance, |
|||
shepherdToolsBuildUnsigned, |
|||
shepherdToolsPushTx, |
|||
shepherdToolsSeedToWif, |
|||
shepherdToolsWifToKP, |
|||
} from '../../../actions/actionCreators'; |
|||
import Store from '../../../store'; |
|||
import QRCode from 'qrcode.react'; |
|||
import QRModal from '../qrModal/qrModal'; |
|||
|
|||
class ToolsStringToQr extends React.Component { |
|||
constructor() { |
|||
super(); |
|||
this.state = { |
|||
string2qr: '', |
|||
}; |
|||
this.updateInput = this.updateInput.bind(this); |
|||
} |
|||
|
|||
updateInput(e) { |
|||
this.setState({ |
|||
[e.target.name]: e.target.value, |
|||
}); |
|||
} |
|||
|
|||
render() { |
|||
return ( |
|||
<div className="row margin-left-10"> |
|||
<div className="col-xlg-12 form-group form-material no-padding-left padding-bottom-10"> |
|||
<h4>String to QR</h4> |
|||
</div> |
|||
<div className="col-sm-12 form-group form-material no-padding-left"> |
|||
<input |
|||
type="text" |
|||
className="form-control col-sm-5" |
|||
name="string2qr" |
|||
value={ this.state.string2qr } |
|||
onChange={ this.updateInput } |
|||
placeholder="Type a string here" |
|||
autoComplete="off" /> |
|||
</div> |
|||
{ this.state.string2qr && |
|||
<div className="col-sm-12 form-group form-material no-padding-left margin-top-50 center"> |
|||
<QRCode |
|||
value={ this.state.string2qr } |
|||
size={ 320 } /> |
|||
</div> |
|||
} |
|||
</div> |
|||
); |
|||
} |
|||
} |
|||
|
|||
export default ToolsStringToQr; |
|||
@ -0,0 +1,140 @@ |
|||
import React from 'react'; |
|||
import { translate } from '../../../translate/translate'; |
|||
import addCoinOptionsCrypto from '../../addcoin/addcoinOptionsCrypto'; |
|||
import addCoinOptionsAC from '../../addcoin/addcoinOptionsAC'; |
|||
import Select from 'react-select'; |
|||
import { |
|||
triggerToaster, |
|||
shepherdToolsBalance, |
|||
shepherdToolsBuildUnsigned, |
|||
shepherdToolsPushTx, |
|||
shepherdToolsSeedToWif, |
|||
shepherdToolsWifToKP, |
|||
shepherdElectrumListunspent, |
|||
shepherdCliPromise, |
|||
shepherdElectrumSplitUtxoPromise, |
|||
} from '../../../actions/actionCreators'; |
|||
import Store from '../../../store'; |
|||
|
|||
class ToolsWifToWif extends React.Component { |
|||
constructor() { |
|||
super(); |
|||
this.state = { |
|||
w2wWif: '', |
|||
w2wCoin: '', |
|||
w2wResult: null, |
|||
}; |
|||
this.updateInput = this.updateInput.bind(this); |
|||
this.updateSelectedCoin = this.updateSelectedCoin.bind(this); |
|||
this.wif2wif = this.wif2wif.bind(this); |
|||
} |
|||
|
|||
wif2wif() { |
|||
const _coin = this.state.w2wCoin.split('|'); |
|||
|
|||
shepherdToolsWifToKP(_coin[0], this.state.w2wWif) |
|||
.then((res) => { |
|||
// console.warn(res);
|
|||
|
|||
if (res.msg === 'success') { |
|||
this.setState({ |
|||
w2wResult: res.result, |
|||
}); |
|||
} else { |
|||
Store.dispatch( |
|||
triggerToaster( |
|||
res.result, |
|||
'Seed to wif error', |
|||
'error' |
|||
) |
|||
); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
renderCoinOption(option) { |
|||
return ( |
|||
<div> |
|||
<img |
|||
src={ `assets/images/cryptologo/${option.icon.toLowerCase()}.png` } |
|||
alt={ option.label } |
|||
width="30px" |
|||
height="30px" /> |
|||
<span className="margin-left-10">{ option.label }</span> |
|||
</div> |
|||
); |
|||
} |
|||
|
|||
updateSelectedCoin(e, propName) { |
|||
if (e && |
|||
e.value && |
|||
e.value.indexOf('|')) { |
|||
this.setState({ |
|||
[propName]: e.value, |
|||
}); |
|||
} |
|||
} |
|||
|
|||
updateInput(e) { |
|||
this.setState({ |
|||
[e.target.name]: e.target.value, |
|||
}); |
|||
} |
|||
|
|||
render() { |
|||
return ( |
|||
<div className="row margin-left-10"> |
|||
<div className="col-xlg-12 form-group form-material no-padding-left padding-bottom-10"> |
|||
<h4>WIF to key pair (wif, pub)</h4> |
|||
</div> |
|||
<div className="col-xlg-12 form-group form-material no-padding-left padding-top-20 padding-bottom-70"> |
|||
<label |
|||
className="control-label col-sm-1 no-padding-left" |
|||
htmlFor="kmdWalletSendTo">Coin</label> |
|||
<Select |
|||
name="w2wCoin" |
|||
className="col-sm-3" |
|||
value={ this.state.w2wCoin } |
|||
onChange={ (event) => this.updateSelectedCoin(event, 'w2wCoin') } |
|||
optionRenderer={ this.renderCoinOption } |
|||
valueRenderer={ this.renderCoinOption } |
|||
options={ addCoinOptionsCrypto().concat(addCoinOptionsAC()) } /> |
|||
</div> |
|||
<div className="col-sm-12 form-group form-material no-padding-left"> |
|||
<label |
|||
className="control-label col-sm-1 no-padding-left" |
|||
htmlFor="kmdWalletSendTo">WIF</label> |
|||
<input |
|||
type="text" |
|||
className="form-control col-sm-3" |
|||
name="w2wWif" |
|||
onChange={ this.updateInput } |
|||
value={ this.state.w2wWif } |
|||
placeholder="Enter a WIF" |
|||
autoComplete="off" |
|||
required /> |
|||
</div> |
|||
<div className="col-sm-12 form-group form-material no-padding-left margin-top-10 padding-bottom-10"> |
|||
<button |
|||
type="button" |
|||
className="btn btn-info col-sm-2" |
|||
onClick={ this.wif2wif }> |
|||
Get WIF |
|||
</button> |
|||
</div> |
|||
{ this.state.w2wResult && |
|||
<div className="col-sm-12 form-group form-material no-padding-left margin-top-10"> |
|||
<div> |
|||
<strong>WIF:</strong> { this.state.w2wResult.keys.priv } |
|||
</div> |
|||
<div className="margin-top-10"> |
|||
<strong>Pub:</strong> { this.state.w2wResult.keys.pub } |
|||
</div> |
|||
</div> |
|||
} |
|||
</div> |
|||
); |
|||
} |
|||
} |
|||
|
|||
export default ToolsWifToWif; |
|||
@ -0,0 +1,9 @@ |
|||
const devlog = (msg) => { |
|||
const mainWindow = window.require('electron').remote.getCurrentWindow(); |
|||
|
|||
if (mainWindow.appConfig.dev) { |
|||
console.warn(msg); |
|||
} |
|||
} |
|||
|
|||
export default devlog; |
|||
Loading…
Reference in new issue