241 lines
13 KiB
HTML
241 lines
13 KiB
HTML
<!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>EasyDEX - Ugly GUI</title>
|
|
|
|
<!-- Bootstrap -->
|
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
|
|
|
<style type="text/css">
|
|
.table-fixed thead {
|
|
width: 97%;
|
|
}
|
|
.table-fixed tbody {
|
|
height: 230px;
|
|
overflow-y: auto;
|
|
width: 100%;
|
|
}
|
|
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
|
|
display: block;
|
|
}
|
|
.table-fixed tbody td, .table-fixed thead > tr> th {
|
|
float: left;
|
|
border-bottom-width: 0;
|
|
}
|
|
</style>
|
|
|
|
<!-- 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>
|
|
<h3 style="text-align: center;">EasyDEX - Ugly GUI</h3>
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-sm-8">
|
|
<div class="panel panel-default">
|
|
<!--<div class="panel-heading">What you want to Sell? <button class="btn btn-sm btn-default">Refresh Coins List</button></div>-->
|
|
<div class="panel-body">
|
|
<div class="row">
|
|
<div class="col-sm-2">
|
|
<div class="list_active_coins">
|
|
<button class="btn btn-default btn-block inv_btn" data-coin="KMD">Komodo (KMD)</button>
|
|
<button class="btn btn-default btn-block inv_btn" data-coin="BTC">Bitcoin (BTC)</button>
|
|
<button class="btn btn-default btn-block inv_btn" data-coin="REVS">REV SHARE (REVS)</button>
|
|
<button class="btn btn-default btn-block inv_btn" data-coin="JUMBLR">JUMBLR (JUMBLR)</button>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-10">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading"><strong>Select Trading options</strong></div>
|
|
<div class="" style="height:290px;overflow:scroll;">
|
|
<table class="table table-striped inv_table" style="margin-bottom: 0;">
|
|
<thead>
|
|
<tr>
|
|
<th>AMOUNT</th>
|
|
<th>Max Price</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-sm-4">
|
|
<div class="form-group">
|
|
<label for="buy_coin" class="control-label">What you want to Buy?</label>
|
|
<select class="form-control buy_coin">
|
|
<option value="-">- Select -</option>
|
|
<option value="KMD">Komodo (KMD)</option>
|
|
<option value="BTC">Bitcoin (BTC)</option>
|
|
<option value="REVS">REV SHARE (REVS)</option>
|
|
<option value="JUMBLR">JUMBLR (JUMBLR)</option>
|
|
</select>
|
|
</div>
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading"><strong>Trading Pairs</strong></div>
|
|
<div class="">
|
|
<table class="table table-striped" style="margin-bottom: 0;">
|
|
<tr><td style="font-size: 22px; text-align: center;">
|
|
<div class="deposit_coin01 col-sm-5"></div><div class="col-sm-2"><span class="glyphicon glyphicon-transfer" aria-hidden="true" style="margin: 12px; "></span></div><div class="deposit_coin02 col-sm-5"></div>
|
|
</td></tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading"><strong>Esitmate Swap Price Calculation</strong></div>
|
|
<div class="">
|
|
<table class="table table-striped" style="margin-bottom: 0;">
|
|
<tr><td class="coin_swap_rate_info" style="font-size: 22px; text-align: center;"></td></tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row" style="padding-top: 10px;">
|
|
<div class="col-sm-6">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading"><strong>Sell Orders</strong><span style="float: right;">Total Aks: <span class="orderbook_numasks"></span></span></div>
|
|
<div class="">
|
|
<table class="table table-fixed orderbook_asks" style="margin-bottom: 0;">
|
|
<thead><th class="col-xs-6">Price in <span class="orderbook_rel_coin"></span></th><th class="col-xs-6"><span class="orderbook_base_coin"></span></th></thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-6">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading"><strong>Buy Orders</strong><span style="float: right;">Total Bids: <span class="orderbook_numbids"></span></span></div>
|
|
<div class="">
|
|
<table class="table table-fixed orderbook_bids" style="margin-bottom: 0;">
|
|
<thead><th class="col-xs-6">Price in <span class="orderbook_rel_coin"></span></th><th class="col-xs-6"><span class="orderbook_base_coin"></span></th></thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--<div class="col-md-12">
|
|
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading"><strong>Selected Coin Type: <span class="smartaddr_type"></span></strong></div>
|
|
<div class="">
|
|
<table class="table table-striped" style="margin-bottom: 0;">
|
|
<tr>
|
|
<tr><td colspan="3" ></td></tr>
|
|
<tr><td rowspan="2" id="deposit_coin_qrcode" width="100px" height="100px"></td><td>Deposit <span class="deposit_coin_code"></span> To:</td><td class="deposit_coin_addr"></td></tr>
|
|
<tr><td class="deposit_info_btns" colspan="2">Minimum amount to buy/sell Komodo is 100 KMD.<br> Price for selling or buying Komodo will be adjusted and given in default buttons accordinlgy.<br><br>
|
|
<div class="deposit_btns_part_hidden" style="display: none;">
|
|
<p>Use the following button(s) or use the custom amount button to <strong>send a transaction</strong>.</p>
|
|
<button class="btn btn-default deposit_coin_btn_01">Send 100 KMD</button>
|
|
<button class="btn btn-default deposit_coin_btn_02">Send 0.001 KMD fee</button>
|
|
<span class="deposit_coin_btn_03_info">Following button is set with custom BTC deposit amount calculated as:</span>
|
|
<pre class="deposit_coin_btn_03_info_pre">("Estimate KMD price" x 100 KMD) + 0.001 BTC Fee</pre>
|
|
<button class="btn btn-default deposit_coin_btn_03">Send <span class="deposit_100kmd_worth_btc_btn"></span> BTC</button><br><br>
|
|
<div class="form-group" style="display: none;">
|
|
<label for="deposit_coin_input" class="control-label">Send custom amount</label>
|
|
<input type="text" class="form-control deposit_coin_input" id="deposit_coin_input" placeholder="e.g. 0.02" required="required">
|
|
<button class="btn btn-default deposit_coin_input_btn" style="margin-top: 5px;"></button>
|
|
</div>
|
|
</div>
|
|
</td></tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading"><strong>Order Details</strong></div>
|
|
<div class="">
|
|
<div style="margin: 5px;"><strong>NOTE:</strong> In Native DEX your reciving address will be different than your logged in wallet's main address.</div>
|
|
<table class="table table-striped" style="margin-bottom: 0;">
|
|
<tr><td>Your <span class="swap_deposit_addr_coin_id" style="font-weight: bold;"></span> deposits to</td><td><span class="swap_deposit_addr" style="font-weight: bold;"></span></td></tr>
|
|
<tr><td class="deposit_coin_dest_addr">You Recieve <span class="swap_recieve_addr_coin_id" style="font-weight: bold;"></span> in</td><td><span class="swap_recieve_addr" style="font-weight: bold;"></span></td></tr>
|
|
<tr><td>Amount available in deposit address</td><td class="deposit_coin_sourceamount"></td></tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
</div>-->
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading"><strong>Show Swap Status</strong></div>
|
|
<div class="panel-body">
|
|
<div class="col-sm-6">
|
|
<p>This section will show you information when coin swap is activated and is in process. Use the refrehs swap list button to get updated information.<br>
|
|
You'll need to press this refresh button again to get latest updates.</p>
|
|
<button class="btn btn-default refresh_swap_list_btn">Refresh Swap List</button>
|
|
|
|
<form class="form-inline" style="padding-top: 12px;">
|
|
<div class="form-group">
|
|
<label for="swap_request_id">Request ID</label>
|
|
<input type="text" class="form-control" id="swap_request_id" placeholder="requestid">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="swap_quote_id">Quote ID</label>
|
|
<input type="email" class="form-control" id="swap_quote_id" placeholder="quoteid">
|
|
</div>
|
|
<button class="btn btn-default check_swap_status_btn">Check Swap Status</button>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<pre class="checkswaplist-output"></pre>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="row" style="margin-top: 12px;">
|
|
<div class="col-md-12">
|
|
<pre class="initcoinswap-output"></pre>
|
|
</div>
|
|
</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>
|
|
<script src="js/qrcode.min.js"></script>
|
|
<script src="js/dexactions.js"></script>
|
|
</body>
|
|
</html> |