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" rel = "stylesheet" >
2017-07-26 09:54:39 -07:00
< link href = "css/toastr.min.css" rel = "stylesheet" >
2017-06-23 23:01:59 -07:00
< link href = "css/custom.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 >
2017-07-26 09:54:39 -07:00
< 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-14 18:16:40 -07:00
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 >
2017-06-14 18:16:40 -07:00
< / 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-14 18:16:40 -07:00
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-08 02:40:22 -07:00
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" >
2017-06-08 02:40:22 -07:00
< / 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 >
2017-05-20 08:00:18 -07:00
< / div >
2017-06-22 00:40:40 -07:00
< div class = "col-md-6" >
< pre class = "checkswaplist-output" > < / pre >
2017-05-20 08:00:18 -07:00
< / 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-20 08:00:18 -07:00
2017-05-15 06:14:13 -07:00
< / div >
< / div >
2017-06-23 23:01:59 -07:00
< / div >
<!-- Section: Exchange END -->
2017-07-26 09:54:39 -07:00
<!-- 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 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 = "" >
< / 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 & 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" > < / script >
<!-- Include all compiled plugins (below), or include individual files as needed -->
< script src = "js/bootstrap.min.js" > < / script >
2017-05-18 11:49:39 -07:00
< script src = "js/qrcode.min.js" > < / script >
2017-07-26 09:54:39 -07:00
< script src = "js/toastr.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 >