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-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-05-18 11:49:39 -07:00
< h3 style = "text-align: center;" > EasyDEX - Ugly GUI< / h3 >
2017-05-15 06:14:13 -07:00
< div class = "container-fluid" >
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 >
< div class = "" style = "padding: 5px; height: 525px; overflow-y: scroll;" >
< 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" >
< div class = "col-sm-12" >
< 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-12" >
< ul class = "nav nav-tabs nav-justified" >
< li class = "active" > < a href = "#1b" data-toggle = "tab" > Buying< / a > < / li >
< li > < a href = "#2b" data-toggle = "tab" > Selling< / a > < / li >
< / ul >
< div class = "tab-content clearfix" >
< div class = "tab-pane active" id = "1b" >
< div class = "panel panel-default" >
< div class = "panel-heading" > < strong > Client DEX Trading options< / strong > < button class = "btn btn-default btn-sm refresh_inv_table" style = "float: right; font-size: 13px; padding: 0 5px;" data-coin = "COIN" > Refresh< / button > < / div >
< div class = "" style = "height:290px;overflow:scroll;" >
<!-- <table class="table table - striped inv_alice_table" style="margin - bottom: 0;">
< thead >
< tr >
< th > AMOUNT< / th >
< th > Max Price< / th >
< th > Action< / th >
< / tr >
< / thead >
< tbody >
< / tbody >
< / table > -->
< / div >
2017-06-06 06:35:47 -07:00
< / div >
2017-06-01 05:30:42 -07:00
< / div >
2017-06-06 06:35:47 -07:00
2017-06-22 00:40:40 -07:00
< div class = "tab-pane" id = "2b" >
2017-06-01 05:30:42 -07:00
< div class = "panel panel-default" >
2017-06-22 00:40:40 -07:00
< div class = "panel-heading" > < strong > Liquidity Provider Trading options< / strong > <!-- <button class="btn btn - default btn - sm refresh_inv_table" style="float: right; font - size: 13px; padding: 0 5px;" data - coin="COIN">Refresh</button> --> < / div >
< div class = "" style = "height:290px;overflow:scroll;" >
<!-- <table class="table table - striped inv_bob_table" style="margin - bottom: 0;">
< thead >
< tr >
< th > AMOUNT< / th >
< th > Action< / th >
< / tr >
< / thead >
< tbody >
< / tbody >
< / table > -->
< / div >
2017-06-01 05:30:42 -07:00
< / div >
2017-05-18 11:49:39 -07:00
< / div >
2017-06-01 05:30:42 -07:00
< / div >
< / div >
2017-06-22 00:40:40 -07:00
<!-- Modal -->
< div class = "modal fade" id = "LP_Mode_SetPrice" tabindex = "-1" role = "dialog" aria-labelledby = "LP_Mode_SetPriceLabel" >
< div class = "modal-dialog modal-lg" role = "document" >
< div class = "modal-content" >
< div class = "modal-header" >
< button type = "button" class = "close" data-dismiss = "modal" aria-label = "Close" > < span aria-hidden = "true" > × < / span > < / button >
< h4 class = "modal-title" id = "LP_Mode_SetPriceLabel" > Set Price for selected UTXO< / h4 >
2017-06-07 23:49:51 -07:00
< / div >
2017-06-22 00:40:40 -07:00
< div class = "modal-body" >
< div class = "row" >
< div class = "col-sm-12" >
< h4 > Selected UTXO Info< / h4 >
< table class = "table table-striped tbl_lp_selected_utxo_info" >
< thead >
< tr >
< th > TXID< / th >
< th > Vout< / th >
< th > Amount< / th >
< / tr >
< / thead >
< tbody >
< tr > < td class = "tbl_lp_selected_utxo_txid" > < / td > < td class = "tbl_lp_selected_utxo_vout" > < / td > < td class = "tbl_lp_selected_utxo_amount" > 000.000< / td > < / tr >
< / tbody >
< / table >
< / div >
< / div >
2017-06-07 23:49:51 -07:00
2017-06-22 00:40:40 -07:00
< table class = "table table-striped tbl_lp_setprice" >
< thead >
< tr >
< th > Set Price for< / th >
< th > Max Price< / th >
< th > Volume< / th >
< th > Action< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td > REVS< / td >
< td > < input class = "form-control input-sm lp_setprice_REVS" type = "text" name = "lp_setprice_REVS" value = "" data-coin = "COIN" data-txid = "TXID" data-vout = "VOUT" > < / td >
< td > < input class = "form-control input-sm lp_setvolume_REVS" type = "text" name = "lp_setvolume_REVS" value = "" data-coin = "COIN" data-txid = "TXID" data-vout = "VOUT" > < / td >
< td > < button class = "btn btn-default btn-sm btn_lp_setprice" data-coin = "COIN" data-txid = "TXID" data-vout = "VOUT" > Set Price< / button > < / td > < / tr >
< / tbody >
2017-06-07 23:49:51 -07:00
< / table >
< / div >
2017-06-22 00:40:40 -07:00
< div class = "modal-footer" >
< button type = "button" class = "btn btn-default" data-dismiss = "modal" > Close< / button >
< button type = "button" class = "btn btn-primary" > Save changes< / button >
< / div >
2017-06-07 23:49:51 -07:00
< / div >
< / div >
< / div >
2017-06-22 00:40:40 -07:00
<!-- Modal END -->
2017-06-07 23:49:51 -07:00
2017-06-22 00:40:40 -07:00
< / div >
< / div >
< / div >
< / div >
2017-06-08 02:40:22 -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 >
< div class = "" style = "padding: 5px; height: 525px; overflow-y: scroll;" >
< 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 >
<!-- 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-05-15 09:31:38 -07:00
< script src = "js/dexactions.js" > < / script >
2017-05-15 06:14:13 -07:00
< / body >
< / html >