BarterDEX/index.html

468 lines
24 KiB
HTML
Raw Normal View History

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 -->
2017-05-18 11:49:39 -07:00
<title>EasyDEX - Ugly GUI</title>
2017-05-15 06:14:13 -07:00
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" type="text/css" rel="stylesheet">
<link href="css/fuelux.min.css" type="text/css" rel="stylesheet">
<link href="css/toastr.min.css" type="text/css" rel="stylesheet">
<link href="js/amcharts/plugins/export/export.css" type="text/css" rel="stylesheet" media="all" />
<link href="css/custom.css" type="text/css" rel="stylesheet">
2017-05-15 06:14:13 -07:00
2017-06-07 23:49:51 -07:00
<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>
2017-05-15 06:14:13 -07:00
<!-- 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>
2017-06-23 23:01:59 -07:00
<!-- Section: Navigation Menu -->
<nav class="navbar navbar-default navbar-fixed-top navmenu_top">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand">BarterDEX</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="dexnav-collapse">
<ul class="nav navbar-nav dexnav_top_l">
<li class="active"><a href="javascript:void(0)" class="dexnav_exchange">Exchange</a></li>
<li><a href="javascript:void(0)" class="dexnav_portfolio">Portfolio</a></li>
2017-06-23 23:01:59 -07:00
<li><a href="javascript:void(0)" class="dexnav_balances">Balances</a></li>
2017-06-24 03:28:47 -07:00
<li><a href="javascript:void(0)" class="dexnav_myprices">My Prices</a></li>
2017-06-23 23:01:59 -07:00
</ul>
<ul class="nav navbar-nav navbar-right" style="display: none;">
<li><a href="javascript:void(0)">Link</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<!-- Section: Navigation Menu END -->
<h3 style="text-align: center; margin-top: 60px;">BarterDEX - Ugly GUI</h3>
<!-- Section: Exchange -->
<div class="container-fluid section section-exchange">
2017-06-22 00:40:40 -07:00
<div class="row">
<div class="col-sm-2">
<div class="panel panel-danger">
<div class="panel-heading"><strong>Selling Pair</strong></div>
2017-06-22 01:04:05 -07:00
<div class="" style="padding: 5px; height: 340px; overflow-y: scroll;">
2017-06-22 00:40:40 -07:00
<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="DOGE">Dogecoin (DOGE)</button>
<button class="btn btn-default btn-block inv_btn" data-coin="HUSH">Hushcoin (HUSH)</button>
<button class="btn btn-default btn-block inv_btn" data-coin="DGB">Digibyte (DGB)</button>
<button class="btn btn-default btn-block inv_btn" data-coin="MZC">Mazacoin (MZC)</button>
<button class="btn btn-default btn-block inv_btn" data-coin="SYS">Syscoin (SYS)</button>
<button class="btn btn-default btn-block inv_btn" data-coin="UNO">Unobtanium (UNO)</button>
<button class="btn btn-default btn-block inv_btn" data-coin="ZET">Zetacoin (ZET)</button>
<button class="btn btn-default btn-block inv_btn" data-coin="ZEC">Zcash (ZEC)</button>
<button class="btn btn-default btn-block inv_btn" data-coin="BTM">Bitmark (BTM)</button>
<button class="btn btn-default btn-block inv_btn" data-coin="CARB">Carboncoin (CARB)</button>
<button class="btn btn-default btn-block inv_btn" data-coin="ANC">Anoncoin (ANC)</button>
<button class="btn btn-default btn-block inv_btn" data-coin="FRK">Franko (FRK)</button>
<button class="btn btn-default btn-block inv_btn" data-coin="GAME">Gamecredits (GAME)</button>
<button class="btn btn-default btn-block inv_btn" data-coin="LTC">Litecoin (LTC)</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>
<button class="btn btn-default btn-block inv_btn" data-coin="SUPERNET">SUPERNET (SUPERNET)</button>
<button class="btn btn-default btn-block inv_btn" data-coin="WLC">Wireless (WLC)</button>
<button class="btn btn-default btn-block inv_btn" data-coin="PANGEA">Pangea (PANGEA)</button>
<button class="btn btn-default btn-block inv_btn" data-coin="DEX">InstantDEX (DEX)</button>
<button class="btn btn-default btn-block inv_btn" data-coin="BET">BET (BET)</button>
<button class="btn btn-default btn-block inv_btn" data-coin="CRYPTO">Crypto777 (CRYPTO)</button>
<button class="btn btn-default btn-block inv_btn" data-coin="HODL">HODL (HODL)</button>
<button class="btn btn-default btn-block inv_btn" data-coin="SHARK">SHARK (SHARK)</button>
<button class="btn btn-default btn-block inv_btn" data-coin="BOTS">BOTS (BOTS)</button>
<button class="btn btn-default btn-block inv_btn" data-coin="MGW">MultiGateway (MGW)</button>
<button class="btn btn-default btn-block inv_btn" data-coin="MVP">MVP Lineup (MVP)</button>
<button class="btn btn-default btn-block inv_btn" data-coin="KV">KeyValue (KV)</button>
<button class="btn btn-default btn-block inv_btn" data-coin="CEAL">Ceal.io (CEAL)</button>
<button class="btn btn-default btn-block inv_btn" data-coin="MESH">SuperMesh (MESH)</button>
</div>
</div>
</div>
</div>
2017-06-22 00:40:40 -07:00
<div class="col-sm-8">
2017-06-14 18:40:13 -07:00
<div class="row">
2017-06-22 00:40:40 -07:00
<div class="col-sm-6">
<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-arrow-right" aria-hidden="true" style="margin: 12px; "></span></div><div class="deposit_coin02 col-sm-5"></div>
</td></tr>
</table>
</div>
</div>
2017-06-14 18:40:13 -07:00
</div>
2017-06-22 00:40:40 -07:00
<div class="col-sm-6">
<div class="panel panel-default">
<div class="panel-heading"><strong>Esitmate Swap Price Calculation</strong><button class="btn btn-default btn-sm refresh_estimate_price" style="float: right; font-size: 13px; padding: 0 5px;">Refresh</button></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;"><div class="coin_swap_rate_info1"></div><div class="coin_swap_rate_info2"></div></td></tr>
</table>
</div>
</div>
</div>
</div>
2017-06-22 00:40:40 -07:00
<div class="row">
2017-06-07 23:49:51 -07:00
2017-06-22 01:04:05 -07:00
<div class="col-sm-6">
<div class="panel panel-default">
<div class="panel-heading">BUY <span class="autotrade_buy_coin"></span><!--<button class="btn btn-sm btn-default">Refresh Coins List</button>--><button class="btn btn-default btn-sm refresh_inv_table" style="float: right; font-size: 13px; padding: 0 5px;" data-coin="COIN">Refresh</button> <span style="float: right; font-size: 13px; padding: 0 5px;">Max Amount: <b><span class="autotrade_max_amount"></span> <span class="autotrade_max_amount_coin"></span></b></span></div>
<div class="panel-body">
<div class="form-group">
<label for="autotrade_amount">Amount</label>
<input type="text" class="form-control" id="autotrade_amount" placeholder="Amount">
2017-06-07 23:49:51 -07:00
</div>
2017-06-22 01:04:05 -07:00
<div class="form-group">
<label for="autotrade_price">Price</label>
<input type="text" class="form-control" id="autotrade_price" placeholder="Price">
</div>
2017-06-23 05:41:11 -07:00
<button class="btn btn-default autotrade_buy_coin_btn">Submit</button>
2017-06-22 01:04:05 -07:00
</div>
</div>
</div>
2017-06-07 23:49:51 -07:00
2017-06-22 01:04:05 -07:00
<div class="col-sm-6">
<div class="panel panel-default">
<div class="panel-heading">Sell <span class="lp_sell_coin"></span><!--<button class="btn btn-sm btn-default">Refresh Coins List</button>--></div>
<div class="panel-body">
<div class="form-group">
<label for="lp_set_price">Set Price</label>
<input type="text" class="form-control" id="lp_set_price" placeholder="Set Price">
</div>
2017-06-23 05:41:11 -07:00
<button class="btn btn-default lp_set_price_btn">Submit</button>
2017-06-22 00:40:40 -07:00
</div>
</div>
</div>
2017-06-22 01:04:05 -07:00
2017-06-22 00:40:40 -07:00
</div>
</div>
<div class="col-sm-2">
<div class="panel panel-success">
<div class="panel-heading"><strong>Buying Pair</strong></div>
2017-06-22 01:04:05 -07:00
<div class="" style="padding: 5px; height: 340px; overflow-y: scroll;">
2017-06-22 00:40:40 -07:00
<div class="list_active_coins">
<button class="btn btn-default btn-block buy_coin" data-coin="KMD">Komodo (KMD)</button>
<button class="btn btn-default btn-block buy_coin" data-coin="BTC">Bitcoin (BTC)</button>
<button class="btn btn-default btn-block buy_coin" data-coin="DOGE">Dogecoin (DOGE)</button>
<button class="btn btn-default btn-block buy_coin" data-coin="HUSH">Hushcoin (HUSH)</button>
<button class="btn btn-default btn-block buy_coin" data-coin="DGB">Digibyte (DGB)</button>
<button class="btn btn-default btn-block buy_coin" data-coin="MZC">Mazacoin (MZC)</button>
<button class="btn btn-default btn-block buy_coin" data-coin="SYS">Syscoin (SYS)</button>
<button class="btn btn-default btn-block buy_coin" data-coin="UNO">Unobtanium (UNO)</button>
<button class="btn btn-default btn-block buy_coin" data-coin="ZET">Zetacoin (ZET)</button>
<button class="btn btn-default btn-block buy_coin" data-coin="ZEC">Zcash (ZEC)</button>
<button class="btn btn-default btn-block buy_coin" data-coin="BTM">Bitmark (BTM)</button>
<button class="btn btn-default btn-block buy_coin" data-coin="CARB">Carboncoin (CARB)</button>
<button class="btn btn-default btn-block buy_coin" data-coin="ANC">Anoncoin (ANC)</button>
<button class="btn btn-default btn-block buy_coin" data-coin="FRK">Franko (FRK)</button>
<button class="btn btn-default btn-block buy_coin" data-coin="GAME">Gamecredits (GAME)</button>
<button class="btn btn-default btn-block buy_coin" data-coin="LTC">Litecoin (LTC)</button>
<button class="btn btn-default btn-block buy_coin" data-coin="REVS">REV SHARE (REVS)</button>
<button class="btn btn-default btn-block buy_coin" data-coin="JUMBLR">JUMBLR (JUMBLR)</button>
<button class="btn btn-default btn-block buy_coin" data-coin="SUPERNET">SUPERNET (SUPERNET)</button>
<button class="btn btn-default btn-block buy_coin" data-coin="WLC">Wireless (WLC)</button>
<button class="btn btn-default btn-block buy_coin" data-coin="PANGEA">Pangea (PANGEA)</button>
<button class="btn btn-default btn-block buy_coin" data-coin="DEX">InstantDEX (DEX)</button>
<button class="btn btn-default btn-block buy_coin" data-coin="BET">BET (BET)</button>
<button class="btn btn-default btn-block buy_coin" data-coin="CRYPTO">Crypto777 (CRYPTO)</button>
<button class="btn btn-default btn-block buy_coin" data-coin="HODL">HODL (HODL)</button>
<button class="btn btn-default btn-block buy_coin" data-coin="SHARK">SHARK (SHARK)</button>
<button class="btn btn-default btn-block buy_coin" data-coin="BOTS">BOTS (BOTS)</button>
<button class="btn btn-default btn-block buy_coin" data-coin="MGW">MultiGateway (MGW)</button>
<button class="btn btn-default btn-block buy_coin" data-coin="MVP">MVP Lineup (MVP)</button>
<button class="btn btn-default btn-block buy_coin" data-coin="KV">KeyValue (KV)</button>
<button class="btn btn-default btn-block buy_coin" data-coin="CEAL">Ceal.io (CEAL)</button>
<button class="btn btn-default btn-block buy_coin" data-coin="MESH">SuperMesh (MESH)</button>
</div>
</div>
</div>
</div>
</div>
2017-05-18 11:49:39 -07:00
2017-06-22 00:40:40 -07:00
<div class="row">
<div class="col-md-12">
<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="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>
2017-06-22 00:40:40 -07:00
<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>
2017-06-22 00:40:40 -07:00
<div class="col-md-6">
<pre class="checkswaplist-output"></pre>
</div>
2017-06-22 00:40:40 -07:00
</div>
</div>
</div>
</div>
<div class="row" style="margin-top: 12px;">
<div class="col-md-12">
<pre class="initcoinswap-output"></pre>
</div>
</div>
2017-05-15 06:14:13 -07:00
</div>
</div>
2017-06-23 23:01:59 -07:00
</div>
<!-- Section: Exchange END -->
<!-- Section: Portfolio -->
<div class="container-fluid section section-portfolio" style="display: none;">
<div class="row"><h1 style="text-align: center; font-weight: 200">YOUR PORTFOLIO</h1></div>
<div class="row">
<div class="col-sm-12">
<div class="panel panel-default">
<div class="panel-heading"><strong>Portfolio Charts</strong> <button class="btn btn-default btn-sm refresh_dex_potfolio_charts" style="float: right; font-size: 13px; padding: 0 5px;">Refresh</button></div>
2017-07-27 05:02:52 -07:00
<div class="panel-body">
<div class="col-sm-6" id="portfolio_chart_current" style="height: 300px;"></div>
<div class="col-sm-6" id="portfolio_chart_target" style="height: 300px;"></div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="panel panel-default">
<div class="panel-heading"><strong>Portfolio Status</strong> <button class="btn btn-default btn-sm refresh_dex_potfolio" style="float: right; font-size: 13px; padding: 0 5px;">Refresh</button></div>
<div class="">
<table class="table table-striped dex_portfolio_tbl" style="margin-bottom: 0;">
<thead>
<tr><th>Key</th><th>Value</th></tr>
</thead>
<tbody>
<tr><td>KMD Equivalent</td><td class="portfolio_kmd_equiv"></td></tr>
<tr><td>Buy Coin</td><td class="portfolio_buycoin"></td></tr>
<tr><td>Buy Force</td><td class="portfolio_buyforce"></td></tr>
<tr><td>Sell Coin</td><td class="portfolio_sellcoin"></td></tr>
<tr><td>Sell Force</td><td class="portfolio_sellforce"></td></tr>
<tr><td>Base</td><td class="portfolio_base"></td></tr>
<tr><td>Rel</td><td class="portfolio_rel"></td></tr>
<tr><td>Rel Volume</td><td class="portfolio_relvolume"></td></tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="panel panel-default">
<div class="panel-heading"><strong>Portfolio Coins Info</strong> <button class="btn btn-default btn-sm refresh_dex_potfolio_coins" style="float: right; font-size: 13px; padding: 0 5px;">Refresh</button></div>
<div class="">
<table class="table table-striped dex_portfolio_coins_tbl" style="margin-bottom: 0;">
<thead>
<tr>
<th>Coin</th>
<th>Address</th>
<th>Amount</th>
<th>Price</th>
<th>KMD Equivalent</th>
<th>%</th>
<th>Goal</th>
<th>Goal %</th>
<th>Rel Volume</th>
<th>Force</th>
<th>balanceA</th>
<th>valuesumA</th>
<th>aliceutil</th>
<th>balanceB</th>
<th>valuesumB</th>
<th>balance</th>
<th>bobutil</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<!-- Section: Portfolio END -->
2017-06-23 23:01:59 -07:00
<!-- Section: Balances -->
<div class="container-fluid section section-balances" style="display: none;">
<div class="row"><h1 style="text-align: center; font-weight: 200">BALANCES, DEPOSITS &amp; WITHDRAWALS</h1></div>
2017-06-24 02:28:01 -07:00
<div class="row">
<div class="col-sm-12">
<div class="panel panel-default">
2017-06-24 03:28:47 -07:00
<div class="panel-heading"><strong>DEX Coins Status</strong> <button class="btn btn-default btn-sm refresh_dex_balances" style="float: right; font-size: 13px; padding: 0 5px;">Refresh</button></div>
2017-06-24 02:28:01 -07:00
<div class="">
<table class="table table-striped dex_balances_tbl" style="margin-bottom: 0;">
<thead>
<tr><th>Coin</th><th>Name</th><th>Total Balance</th><th>Deposit Address</th><th>Status</th><th>txfee</th><th>Actions</th></tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
2017-06-23 23:01:59 -07:00
</div>
<!-- Section: Balances END -->
2017-05-15 06:14:13 -07:00
2017-06-24 03:28:47 -07:00
<!-- Section: My Prices -->
<div class="container-fluid section section-myprices" style="display: none;">
<div class="row"><h1 style="text-align: center; font-weight: 200">MY PRICES</h1></div>
<div class="row">
<div class="col-sm-12">
<div class="panel panel-default">
<div class="panel-heading"><strong>My DEX Coins Prices</strong> <button class="btn btn-default btn-sm refresh_dex_myprices" style="float: right; font-size: 13px; padding: 0 5px;">Refresh</button></div>
<div class="">
<table class="table table-striped dex_myprices_tbl" style="margin-bottom: 0;">
<thead>
<tr><th>Base</th><th>Rel</th><th>Bid</th><th>Ask</th></tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<!-- Section: My Prices END -->
2017-05-15 06:14:13 -07:00
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js" type="text/javascript"></script>
2017-05-15 06:14:13 -07:00
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/fuelux.min.js" type="text/javascript"></script>
<script src="js/qrcode.min.js" type="text/javascript"></script>
<script src="js/toastr.min.js" type="text/javascript"></script>
<!-- amcharts libs -->
<script src="js/amcharts/amcharts.js" type="text/javascript"></script>
<script src="js/amcharts/pie.js" type="text/javascript"></script>
<script src="js/amcharts/plugins/animate/animate.min.js" type="text/javascript"></script>
<script src="js/amcharts/plugins/export/export.min.js" type="text/javascript"></script>
<script src="js/amcharts/plugins/responsive/responsive.min.js" type="text/javascript"></script>
<script src="js/amcharts/themes/light.js" type="text/javascript"></script>
<!-- custom dex actions javascript -->
<script src="js/dexactions.js" type="text/javascript"></script>
2017-05-15 06:14:13 -07:00
</body>
</html>