2017-05-15 06:14:13 -07:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
|
|
|
|
|
<title>DEX Client - Ugly GUI</title>
|
|
|
|
|
|
|
|
|
|
<!-- Bootstrap -->
|
|
|
|
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
|
|
|
|
|
|
|
|
|
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
|
|
|
|
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
|
|
|
|
<!--[if lt IE 9]>
|
|
|
|
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
|
|
|
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
|
|
|
|
<![endif]-->
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div class="container-fluid">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
|
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
|
|
|
|
|
<div class="panel panel-default">
|
|
|
|
|
<div class="panel-heading" role="tab" id="headingOne">
|
|
|
|
|
<h4 class="panel-title">
|
|
|
|
|
<a role="button" data-toggle="collapse" data-parent="#accordion" href="#ActivateCoin" aria-expanded="true" aria-controls="ActivateCoin">
|
|
|
|
|
Step #1 - Activate Coin
|
|
|
|
|
</a>
|
|
|
|
|
</h4>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="ActivateCoin" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
|
|
|
|
|
<div class="panel-body">
|
2017-05-15 09:31:38 -07:00
|
|
|
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<button class="btn btn-default activate-btc">Activate Bitcoin</button>
|
|
|
|
|
<button class="btn btn-default activate-kmd">Activate Komodo</button>
|
|
|
|
|
<button class="btn btn-default active-coin-status">Active Coins Status</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<pre class="active-coin-output"></pre>
|
|
|
|
|
</div>
|
|
|
|
|
|
2017-05-15 06:14:13 -07:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="panel panel-default">
|
|
|
|
|
<div class="panel-heading" role="tab" id="headingTwo">
|
|
|
|
|
<h4 class="panel-title">
|
|
|
|
|
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#SetupBlockTrail" aria-expanded="false" aria-controls="SetupBlockTrail">
|
2017-05-15 09:31:38 -07:00
|
|
|
Step #2 - Setup Blocktrail.com API
|
2017-05-15 06:14:13 -07:00
|
|
|
</a>
|
|
|
|
|
</h4>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="SetupBlockTrail" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
|
|
|
|
|
<div class="panel-body">
|
2017-05-15 09:31:38 -07:00
|
|
|
<p>You need Blocktrail.com API. Please sign-up by going to <a href="https://www.blocktrail.com/dev/signup" target="blank">this link</a>.<br>
|
|
|
|
|
After login in your account go to "Settings", then go to "API Keys" tab there and get new keys from there.<br>
|
|
|
|
|
Make sure to save the newly generated 'API Key' and 'API Secret'. You'll only see this 'API Secret' first time and never again.</p>
|
|
|
|
|
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label for="blocktrailapi" class="control-label">Blocktrail API Key</label>
|
|
|
|
|
<input type="text" class="form-control blocktrailapi-key" id="blocktrailapi" placeholder="Blocktrail API Key" required="required"><br>
|
|
|
|
|
<button class="btn btn-default blocktrailapi-btn">Activate Blocktrail API</button>
|
|
|
|
|
<br><br>If you are not Liquidity Provider make sure to push this button: <button class="btn btn-default notlp-btn">I'm not LP</button>
|
|
|
|
|
</div>
|
|
|
|
|
<br>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<pre class="blocktrail-output"></pre>
|
|
|
|
|
</div>
|
|
|
|
|
|
2017-05-15 06:14:13 -07:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="panel panel-default">
|
|
|
|
|
<div class="panel-heading" role="tab" id="headingThree">
|
|
|
|
|
<h4 class="panel-title">
|
|
|
|
|
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#WalletLogin" aria-expanded="false" aria-controls="WalletLogin">
|
|
|
|
|
Step #3 - Wallet Login
|
|
|
|
|
</a>
|
|
|
|
|
</h4>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="WalletLogin" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
|
|
|
|
|
<div class="panel-body">
|
2017-05-15 09:31:38 -07:00
|
|
|
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label for="passphrase" class="col-sm-3 control-label">Passphrase</label>
|
|
|
|
|
<div class="col-sm-9">
|
|
|
|
|
<input type="text" class="form-control passphrase-text" id="passphrase" placeholder="Enter your text only passphrase" required="required"><br>
|
|
|
|
|
<button class="btn btn-default login-btn">Login</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<br>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<pre class="passphrase-output"></pre>
|
|
|
|
|
</div>
|
|
|
|
|
|
2017-05-15 06:14:13 -07:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="panel panel-default">
|
|
|
|
|
<div class="panel-heading" role="tab" id="headingThree">
|
|
|
|
|
<h4 class="panel-title">
|
|
|
|
|
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#ListSmartAddresses" aria-expanded="false" aria-controls="ListSmartAddresses">
|
|
|
|
|
Step #4 - List Smart Addresses
|
|
|
|
|
</a>
|
|
|
|
|
</h4>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="ListSmartAddresses" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
|
|
|
|
|
<div class="panel-body">
|
2017-05-15 09:31:38 -07:00
|
|
|
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
|
<h4>FAQ for Smart Addresses can be found <a href="https://github.com/SuperNETorg/komodo/wiki/FAQ-for-smartaddresses" target="blank">here</a></h4>
|
|
|
|
|
<button class="btn btn-default list-smartaddress">List Smart Addresses</button>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="col-md-6" style="margin-top: 20px;">
|
|
|
|
|
<div class="panel panel-default">
|
|
|
|
|
<div class="panel-heading"><strong>Type: Deposit</strong></div>
|
|
|
|
|
<div class="">
|
|
|
|
|
<table class="table table-striped">
|
|
|
|
|
<tr><td class="deposit_key0"></td><td class="deposit_val0"></td></tr>
|
|
|
|
|
<tr><td class="deposit_key1"></td><td class="deposit_val1"></td></tr>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="panel panel-default">
|
|
|
|
|
<div class="panel-heading"><strong>Type: Jumblr</strong></div>
|
|
|
|
|
<div class="">
|
|
|
|
|
<table class="table table-striped">
|
|
|
|
|
<tr><td class="jumblr_key0"></td><td class="jumblr_val0"></td></tr>
|
|
|
|
|
<tr><td class="jumblr_key1"></td><td class="jumblr_val1"></td></tr>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="panel panel-default">
|
|
|
|
|
<div class="panel-heading"><strong>Type: <span class="type0"></span></strong></div>
|
|
|
|
|
<div class="">
|
|
|
|
|
<table class="table table-striped">
|
|
|
|
|
<tr><td>coin</td><td class="type0_val0"></td></tr>
|
|
|
|
|
<tr><td>address</td><td class="type0_val1"></td></tr>
|
|
|
|
|
<tr><td>dest</td><td class="type0_val2"></td></tr>
|
|
|
|
|
<tr><td>jumblr_deposit</td><td class="type0_val3"></td></tr>
|
|
|
|
|
<tr><td>deposit_avail</td><td class="type0_val4"></td></tr>
|
|
|
|
|
<tr><td>jumblr</td><td class="type0_val5"></td></tr>
|
|
|
|
|
<tr><td>jumblr_avail</td><td class="type0_val6"></td></tr>
|
|
|
|
|
<tr><td>extra</td><td class="type0_val7"></td></tr>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="panel panel-default">
|
|
|
|
|
<div class="panel-heading"><strong>Type: <span class="type1"></span></strong></div>
|
|
|
|
|
<div class="">
|
|
|
|
|
<table class="table table-striped">
|
|
|
|
|
<tr><td>coin</td><td class="type1_val0"></td></tr>
|
|
|
|
|
<tr><td>address</td><td class="type1_val1"></td></tr>
|
|
|
|
|
<tr><td>dest</td><td class="type1_val2"></td></tr>
|
|
|
|
|
<tr><td>jumblr_deposit</td><td class="type1_val3"></td></tr>
|
|
|
|
|
<tr><td>deposit_avail</td><td class="type1_val4"></td></tr>
|
|
|
|
|
<tr><td>jumblr</td><td class="type1_val5"></td></tr>
|
|
|
|
|
<tr><td>jumblr_avail</td><td class="type1_val6"></td></tr>
|
|
|
|
|
<tr><td>extra</td><td class="type1_val7"></td></tr>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<pre class="smartaddress-output"></pre>
|
|
|
|
|
</div>
|
|
|
|
|
|
2017-05-15 06:14:13 -07:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="panel panel-default">
|
|
|
|
|
<div class="panel-heading" role="tab" id="headingThree">
|
|
|
|
|
<h4 class="panel-title">
|
|
|
|
|
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#AdjustDEXParams" aria-expanded="false" aria-controls="AdjustDEXParams">
|
|
|
|
|
Step #5 - Adjust DEX Parameters
|
|
|
|
|
</a>
|
|
|
|
|
</h4>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="AdjustDEXParams" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
|
|
|
|
|
<div class="panel-body">
|
2017-05-15 09:31:38 -07:00
|
|
|
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label for="dexratio" class="control-label">Blocktrail API Key</label>
|
|
|
|
|
<input type="text" class="form-control dexratio-val" id="dexratio" placeholder="eg. 0.97" required="required"><br>
|
|
|
|
|
<button class="btn btn-default dexratio-btn">Set DEX Ratio</button>
|
|
|
|
|
</div>
|
|
|
|
|
<br>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<pre class="dexparams-output"></pre>
|
|
|
|
|
</div>
|
|
|
|
|
|
2017-05-15 06:14:13 -07:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2017-05-18 02:12:30 -07:00
|
|
|
<div class="panel panel-default">
|
|
|
|
|
<div class="panel-heading" role="tab" id="headingThree">
|
|
|
|
|
<h4 class="panel-title">
|
|
|
|
|
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#CheckWallet" aria-expanded="false" aria-controls="CheckWallet">
|
|
|
|
|
Step #6 - Check Wallet Balance
|
|
|
|
|
</a>
|
|
|
|
|
</h4>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="CheckWallet" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
|
|
|
|
|
<div class="panel-body">
|
|
|
|
|
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<button class="btn btn-default show-btcbalance">Show Bitcoin Balance</button>
|
|
|
|
|
<button class="btn btn-default show-kmdbalance">Show Komodo Balance</button>
|
|
|
|
|
<button class="btn btn-default showwalletinfo">Show Wallet Info</button>
|
|
|
|
|
</div>
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
|
|
<div class="panel panel-default">
|
|
|
|
|
<div class="panel-heading"><strong>Coin: <span class="coin_id"></span></strong></div>
|
|
|
|
|
<div class="">
|
|
|
|
|
<table class="table table-striped">
|
|
|
|
|
<tr><td>Main Address</td><td class="coin_mainaddr"></td></tr>
|
|
|
|
|
<tr><td>Balance</td><td class="coin_balance"></td></tr>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<pre class="checkwallet-output"></pre>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2017-05-15 06:14:13 -07:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
|
|
|
|
|
<script src="js/jquery.min.js"></script>
|
|
|
|
|
<!-- Include all compiled plugins (below), or include individual files as needed -->
|
|
|
|
|
<script src="js/bootstrap.min.js"></script>
|
2017-05-15 09:31:38 -07:00
|
|
|
<script src="js/dexactions.js"></script>
|
2017-05-15 06:14:13 -07:00
|
|
|
</body>
|
|
|
|
|
</html>
|
