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-10-19 06:43:14 -07:00
< title > BarterDEX - Simple GUI (BTC < - > KMD)< / title >
2017-05-15 06:14:13 -07:00
<!-- Bootstrap -->
2017-07-27 05:00:37 -07:00
< link href = "css/bootstrap.min.css" type = "text/css" rel = "stylesheet" >
< link href = "css/fuelux.min.css" type = "text/css" rel = "stylesheet" >
2017-07-27 07:36:59 -07:00
< link href = "css/bootstrap-panelnavtabs.css" type = "text/css" rel = "stylesheet" >
2017-07-27 10:30:03 -07:00
< link href = "css/bootstrap-select.min.css" type = "text/css" rel = "stylesheet" >
2017-07-27 05:00:37 -07:00
< 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" / >
2017-09-19 03:30:55 -07:00
< link href = "css/bootstrap-toggle.min.css" rel = "stylesheet" >
2017-07-27 05:00:37 -07:00
< link href = "css/custom.css" type = "text/css" rel = "stylesheet" >
2017-08-20 08:50:58 -07:00
< link href = "css/spinner.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]-->
2017-08-17 04:47:38 -07:00
< script >
if (typeof module === 'object') {
window.module = module;
module = undefined;
}
< / script >
< script >
if (window.module)
module = window.module;
const templates = {};
< / script >
2017-05-15 06:14:13 -07:00
< / head >
< body >
2017-06-23 23:01:59 -07:00
2017-08-20 08:50:58 -07:00
<!-- LOGIN BODY -->
< div class = "loginbody" >
< div class = "container" >
< form class = "form-signin" >
< h2 class = "form-signin-heading" style = "text-align: center;" > Welcome to BarterDEX< / h2 >
< h4 style = "text-align: center;" > Please Login< / h4 >
< label for = "loginPassphrase" class = "sr-only" > Passphrase< / label >
< input type = "password" id = "loginPassphrase" class = "form-control loginPassphrase" placeholder = "Passphrase" required >
< button class = "btn btn-lg btn-primary btn-block login-btn" type = "submit" > Login< / button >
< / form >
< / div >
< / div >
<!-- LOGIN BODY END -->
<!-- LOADING BODY -->
< div class = "loadingbody" style = "display: none;" >
< div class = "spinner" >
< div class = "dot1" > < / div >
< div class = "dot2" > < / div >
< / div >
2017-08-20 09:02:15 -07:00
< h3 style = "text-align: center;font-weight: lighter;" > Starting BarterDEX. Please wait...< / h3 >
2017-08-20 08:50:58 -07:00
< / div >
<!-- LOADING BODY END -->
2017-10-19 06:43:14 -07:00
2017-08-20 08:50:58 -07:00
<!-- MAIN BODY -->
< div class = "mainbody" style = "display: none;" >
2017-10-19 06:43:14 -07:00
<!-- Section: Navigation Menu -->
< nav class = "navbar navbar-default" role = "navigation" >
< div class = "container" >
<!-- Brand and toggle get grouped for better mobile display -->
< div class = "navbar-header" >
< button type = "button" class = "navbar-toggle" data-toggle = "collapse" data-target = "#navbar-brand-centered" >
< span class = "sr-only" > Toggle navigation< / span >
< span class = "icon-bar" > < / span >
< span class = "icon-bar" > < / span >
< span class = "icon-bar" > < / span >
< / button >
< div class = "navbar-brand navbar-brand-centered" > BarterDEX< / div >
< / div >
<!-- Collect the nav links, forms, and other content for toggling -->
< div class = "collapse navbar-collapse" id = "navbar-brand-centered" >
< ul class = "nav navbar-nav" >
<!-- <li><a href="#">Link</a></li>
< li > < a href = "#" > Link< / a > < / li >
< li > < a href = "#" > Link< / a > < / li > -->
< / ul >
< ul class = "nav navbar-nav navbar-right" >
<!-- <li><a href="#">Link</a></li>
< li > < a href = "#" > Link< / a > < / li > -->
< a href = "javascript:void(0)" class = "btn btn-danger dexlogout-btn" style = "margin: 8px 8px 0 0;" > Logout< / a >
< / ul >
< / div > <!-- /.navbar - collapse -->
< / div > <!-- /.container - fluid -->
< / nav >
<!-- Section: Navigation Menu END -->
2017-10-26 02:56:05 -07:00
< div class = "coindashboard" >
< div class = "col-sm-12" >
<!-- <div style="display: block; height: 100px;"></div> -->
< / div >
2017-10-19 06:43:14 -07:00
2017-10-26 02:56:05 -07:00
< div class = "col-sm-6" >
< div class = "panel panel-default" >
< div class = "panel-heading" style = "display: none;" >
< h3 class = "panel-title" > Bitcoin< / h3 >
< / div >
< div class = "panel-body" >
< div style = "text-align: center;" >
< img src = "img/cryptologo/btc.png" / >
< div > < span class = "balance pair-one" style = "font-size: 55px; font-weight: 100" > < / span > < span class = "coin pair-one" style = "font-size: 35px; font-weight: 100" > < / span > < / div >
< div class = "pair-one pair-address" data-coin = "COIN" data-pair = "one" style = "font-size: 15px;" > < / div >
< button type = "button" class = "btn btn-default pair-one btn-send" data-coin = "COIN" data-pair = "one" style = "text-transform: uppercase; border: 2px solid #eb973d; width: 100px; margin: 5px;" > Send< / button >
< button type = "button" class = "btn btn-default pair-one btn-receive" data-coin = "COIN" data-pair = "one" style = "text-transform: uppercase; border: 2px solid #eb973d; width: 100px; margin: 5px;" > Receive< / button >
< button type = "button" class = "btn btn-default pair-one btn-exchange" data-coin = "COIN" data-pair = "one" style = "text-transform: uppercase; border: 2px solid #eb973d; width: 100px; margin: 5px;" > Exchange< / button >
< button type = "button" class = "btn btn-default pair-one btn-inventory" data-coin = "COIN" data-pair = "one" style = "text-transform: uppercase; border: 2px solid #eb973d; width: 100px; margin: 5px;" > Inventory< / button >
< / div >
< / div >
< div class = "panel-footer" >
< input class = "toggle_checkbox mode-option pair-one" id = "toggle_pair_one" type = "checkbox" checked data-toggle = "toggle" data-on = "Native" data-off = "Electrum" data-onstyle = "grey" data-offstyle = "info" data-width = "100px" data-coin = "COIN" disabled >
< button type = "button" class = "btn btn-default pair-one btn-enable" data-coin = "COIN" data-pair = "one" data-method = "enable" style = "text-transform: uppercase; border: 2px solid #eb973d; width: 100px; margin: 5px;" > Enable< / button >
< button type = "button" class = "btn btn-default pair-one btn-disable" data-coin = "COIN" data-pair = "one" data-method = "disable" style = "text-transform: uppercase; border: 2px solid #eb973d; width: 100px; margin: 5px;" > Disable< / button >
2017-10-19 06:43:14 -07:00
< / div >
< / div >
2017-10-26 02:56:05 -07:00
< / div >
< div class = "col-sm-6" >
< div class = "panel panel-default" >
< div class = "panel-heading" style = "display: none;" >
< h3 class = "panel-title" > Komodo< / h3 >
< / div >
< div class = "panel-body" >
< div style = "text-align: center;" >
< img src = "img/cryptologo/kmd.png" / >
< div > < span class = "balance pair-two" style = "font-size: 55px; font-weight: 100" > < / span > < span class = "coin pair-two" style = "font-size: 35px; font-weight: 100" > < / span > < / div >
< div class = "pair-two pair-address" data-coin = "COIN" data-pair = "two" > < / div >
< button type = "button" class = "btn btn-default pair-two btn-send" data-coin = "COIN" data-pair = "two" style = "text-transform: uppercase; border: 2px solid #1b8a6b; width: 100px; margin: 5px;" > Send< / button >
< button type = "button" class = "btn btn-default pair-two btn-receive" data-coin = "COIN" data-pair = "two" style = "text-transform: uppercase; border: 2px solid #1b8a6b; width: 100px; margin: 5px;" > Receive< / button >
< button type = "button" class = "btn btn-default pair-two btn-exchange" data-coin = "COIN" data-pair = "two" style = "text-transform: uppercase; border: 2px solid #1b8a6b; width: 100px; margin: 5px;" > Exchange< / button >
< button type = "button" class = "btn btn-default pair-two btn-inventory" data-coin = "COIN" data-pair = "two" style = "text-transform: uppercase; border: 2px solid #1b8a6b; width: 100px; margin: 5px;" > Inventory< / button >
< / div >
< / div >
< div class = "panel-footer" >
< input class = "toggle_checkbox pair-two" id = "toggle_pair_two" type = "checkbox" checked data-toggle = "toggle" data-on = "Native" data-off = "Electrum" data-onstyle = "grey" data-offstyle = "info" data-width = "100px" data-coin = "COIN" disabled >
< button type = "button" class = "btn btn-default pair-two btn-enable" data-coin = "COIN" data-pair = "two" data-method = "enable" style = "text-transform: uppercase; border: 2px solid #1b8a6b; width: 100px; margin: 5px;" > Enable< / button >
< button type = "button" class = "btn btn-default pair-two btn-disable" data-coin = "COIN" data-pair = "two" data-method = "disable" style = "text-transform: uppercase; border: 2px solid #1b8a6b; width: 100px; margin: 5px;" > Disable< / button >
< / div >
2017-10-19 06:43:14 -07:00
< / div >
< / div >
< / div >
2017-10-26 02:56:05 -07:00
< div class = "screen-sendcoin" style = "display: none;" >
< div class = "col-sm-12" >
< div class = "panel panel-default" >
< div class = "panel-heading" >
< h3 class = "panel-title sendcoin-title" data-coin = "COIN" > Send< / h3 > < button class = "btn btn-xs btn-sendcoinclose" style = "float: right; margin-top: -20px;" > < span class = "glyphicon glyphicon-remove" > < / span > < / button >
< / div >
< div class = "panel-body" >
2017-10-26 03:28:48 -07:00
< form class = "form-horizontal" >
< div class = "form-group" >
< label for = "send-toaddr" class = "col-sm-2 control-label" > To< / label >
< div class = "col-sm-10" >
< input type = "text" class = "form-control" id = "send-toaddr" placeholder = "Address" >
< / div >
< / div >
< div class = "form-group" >
< label for = "send-amount" class = "col-sm-2 control-label" > Amount< / label >
< div class = "col-sm-10" >
< input type = "text" class = "form-control" id = "send-amount" placeholder = "e.g. 0.01" >
< / div >
< / div >
< div class = "form-group" >
< div class = "col-sm-offset-2 col-sm-10" >
< button type = "submit" class = "btn btn-default btn-sendcoin" > Send< / button >
< / div >
< / div >
< / form >
< / div >
< div class = "panel-footer" style = "display: none;" >
< / div >
< / div >
< / div >
2017-10-26 02:56:05 -07:00
< / div >
2017-10-26 03:28:48 -07:00
< div class = "screen-inventory" style = "display: none;" >
< div class = "col-sm-12" >
< div class = "panel panel-default" >
< div class = "panel-heading" >
< h3 class = "panel-title inventory-title" data-coin = "COIN" > Inventory< / h3 > < button class = "btn btn-xs btn-inventoryclose" style = "float: right; margin-top: -20px;" > < span class = "glyphicon glyphicon-remove" > < / span > < / button >
< / div >
< div class = "panel-body" >
2017-10-26 02:56:05 -07:00
< / div >
< div class = "panel-footer" style = "display: none;" >
2017-10-19 06:43:14 -07:00
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- MAIN BODY END -->
<!-- MAIN BODY OLD -->
< div class = "mainbody-old" style = "display: none;" >
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 >
2017-07-31 06:19:34 -07:00
< ul class = "nav navbar-nav navbar-right" >
2017-08-20 08:50:58 -07:00
< a href = "javascript:void(0)" class = "btn btn-danger dexlogout-btn" style = "margin: 8px 8px 0 0;" > Logout< / a >
<!-- <li><span style="padding: 15px; position: relative; display: block;">BarterDEX - Ugly GUI</span></li> -->
2017-06-23 23:01:59 -07:00
< / 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-07-31 06:19:34 -07:00
< div class = "row" > < h1 style = "text-align: center; font-weight: 200" > EXCHANGE< / h1 > < / div >
2017-06-14 18:16:40 -07:00
2017-06-22 00:40:40 -07:00
< div class = "row" >
2017-07-31 08:18:24 -07:00
2017-06-22 00:40:40 -07:00
2017-07-31 06:19:34 -07:00
< div class = "col-sm-12" >
2017-06-14 18:40:13 -07:00
< div class = "row" >
2017-07-31 06:19:34 -07:00
< div class = "col-sm-8" >
2017-06-22 00:40:40 -07:00
< div class = "panel panel-default" >
2017-07-31 06:19:34 -07:00
< div class = "panel-heading" > < strong > Trading Pair< / strong > < / div >
< div class = "panel-body" >
< div class = "row" >
< div class = "col-sm-5" >
< h3 style = "margin-top: 0; text-align: center;" > Deposit< / h3 >
2017-08-11 02:07:42 -07:00
< select class = "selectpicker sell_coin" data-live-search = "true" data-hide-disabled = "true" data-width = "100%" >
2017-07-31 06:19:34 -07:00
< / select >
< / div >
< div class = "col-sm-2" style = "margin-top: 50px; text-align: center;" >
2017-08-11 05:00:59 -07:00
<!-- <a role="button" class="switch_buy_sell_pairs"> -->
< span class = "glyphicon glyphicon-transfer" style = "font-size: 40px;" > < / span >
<!-- </a> -->
2017-07-31 06:19:34 -07:00
< / div >
< div class = "col-sm-5" >
< h3 style = "margin-top: 0; text-align: center;" > Receive< / h3 >
2017-08-11 02:07:42 -07:00
< select class = "selectpicker buy_coin" data-live-search = "true" data-hide-disabled = "true" data-width = "100%" >
2017-07-31 06:19:34 -07:00
< / select >
< / div >
< / div >
< / div >
2017-06-22 00:40:40 -07:00
< / div >
2017-06-14 18:40:13 -07:00
< / div >
2017-07-31 06:19:34 -07:00
< div class = "col-sm-4" >
2017-06-22 00:40:40 -07:00
< 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" >
2017-08-11 05:00:59 -07:00
< 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" disabled > Refresh Inventory< / 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 >
2017-06-22 01:04:05 -07:00
< div class = "panel-body" >
< div class = "form-group" >
2017-10-14 09:08:06 -07:00
< label for = "buy_amount" > Amount< / label >
< input type = "text" class = "form-control" id = "buy_amount" placeholder = "Amount" >
2017-06-07 23:49:51 -07:00
< / div >
2017-06-22 01:04:05 -07:00
< div class = "form-group" >
2017-10-14 09:08:06 -07:00
< label for = "buy_price" > Price< / label >
< input type = "text" class = "form-control" id = "buy_price" placeholder = "Price" >
2017-06-22 01:04:05 -07:00
< / div >
2017-10-14 09:08:06 -07:00
< button class = "btn btn-default 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" >
2017-10-14 09:08:06 -07:00
< div class = "panel-heading" > SELL < span class = "lp_sell_coin" > < / span > <!-- <button class="btn btn - sm btn - default">Refresh Coins List</button> --> < / div >
2017-06-22 01:04:05 -07:00
< div class = "panel-body" >
2017-10-14 09:08:06 -07:00
< div class = "form-group" >
< label for = "sell_amount" > Amount< / label >
< input type = "text" class = "form-control" id = "sell_amount" placeholder = "Amount" >
< / div >
< div class = "form-group" >
< label for = "sell_price" > Price< / label >
< input type = "text" class = "form-control" id = "sell_price" placeholder = "Price" >
< / div >
< button class = "btn btn-default sell_coin_btn" > Submit< / button >
< / div >
<!-- <div class="panel - body">
2017-06-22 01:04:05 -07:00
< 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-10-14 09:08:06 -07:00
< / div > -->
2017-06-22 00:40:40 -07:00
< / 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 >
2017-07-31 08:18:24 -07:00
2017-06-22 00:40:40 -07:00
< / 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;" >
2017-09-19 02:08:22 -07:00
< thead > < th class = "col-xs-3" > Price in < span class = "orderbook_rel_coin" > < / span > < / th >
< th class = "col-xs-3" > Min < span class = "orderbook_base_coin" > < / span > < / th >
< th class = "col-xs-3" > Max < span class = "orderbook_base_coin" > < / span > < / th >
< th class = "col-xs-3" > Age< / th > < / thead >
2017-06-22 00:40:40 -07:00
< 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;" >
2017-09-19 02:08:22 -07:00
< thead > < th class = "col-xs-3" > Price in < span class = "orderbook_rel_coin" > < / span > < / th >
< th class = "col-xs-3" > Min < span class = "orderbook_base_coin" > < / span > < / th >
< th class = "col-xs-3" > Max < span class = "orderbook_base_coin" > < / span > < / th >
< th class = "col-xs-3" > Age< / th > < / thead >
2017-06-22 00:40:40 -07:00
< 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 >
2017-07-27 05:00:37 -07:00
< 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" >
2017-07-27 05:00:37 -07:00
< 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 >
2017-07-26 09:54:39 -07:00
< div class = "row" >
2017-07-27 07:36:59 -07:00
< div class = "col-sm-4" >
2017-07-26 09:54:39 -07:00
< 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 = "" >
2017-07-27 05:00:37 -07:00
< 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 >
2017-07-26 09:54:39 -07:00
< / div >
< / div >
< / div >
2017-07-27 07:36:59 -07:00
< div class = "col-sm-8" >
2017-07-27 10:30:03 -07:00
< div class = "panel panel-default" >
< div class = "panel-heading" > < strong > Trading Pair< / strong > < / div >
2017-07-27 11:24:53 -07:00
< div class = "panel-body" >
< div class = "row" >
< div class = "col-sm-5" >
< h3 style = "margin-top: 0; text-align: center;" > Deposit< / h3 >
2017-08-11 02:07:42 -07:00
< select class = "selectpicker sell_coin_p" data-live-search = "true" data-hide-disabled = "true" data-width = "100%" >
2017-07-27 11:24:53 -07:00
< / select >
< / div >
< div class = "col-sm-2" style = "margin-top: 50px; text-align: center;" >
< span class = "glyphicon glyphicon-transfer" style = "font-size: 40px;" > < / span >
< / div >
< div class = "col-sm-5" >
< h3 style = "margin-top: 0; text-align: center;" > Receive< / h3 >
2017-08-11 02:07:42 -07:00
< select class = "selectpicker buy_coin_p" data-live-search = "true" data-hide-disabled = "true" data-width = "100%" >
2017-07-27 11:24:53 -07:00
< / select >
< / div >
< / div >
2017-07-27 10:30:03 -07:00
< / div >
< / div >
2017-07-31 08:18:24 -07:00
< div class = "row" >
< div class = "col-sm-6" >
< div class = "panel with-nav-tabs panel-default" >
< div class = "panel-heading" >
< ul class = "nav nav-tabs" >
< li class = "active" > < a href = "#PortfolioSetPriceTab" data-toggle = "tab" > Set Price Manually< / a > < / li >
< li > < a href = "#PortfolioAutoPriceTab" data-toggle = "tab" > Set Auto Price< / a > < / li >
< / ul >
< / div >
< div class = "panel-body" >
< div class = "tab-content" >
< div class = "tab-pane fade in active" id = "PortfolioSetPriceTab" >
< div class = "form-group" >
< label for = "portfolio_set_price" > Set Price< / label >
< input type = "text" class = "form-control" id = "portfolio_set_price" placeholder = "Set Price" >
< / div >
< button class = "btn btn-default portfolio_set_price_btn" > Submit< / button >
< / div >
< div class = "tab-pane fade" id = "PortfolioAutoPriceTab" >
< div class = "form-group" >
< label for = "portfolio_set_autoprice" > Margin< / label >
< input type = "text" class = "form-control" id = "portfolio_set_autoprice" placeholder = "e.g 0.01" >
< / div >
< button class = "btn btn-default portfolio_set_autoprice_btn" > Submit< / button >
< / div >
< / div >
< / div >
2017-07-27 07:36:59 -07:00
< / div >
2017-07-31 08:18:24 -07:00
< / div >
< div class = "col-sm-6" >
< div class = "panel with-nav-tabs panel-default" >
< div class = "panel-heading" >
< ul class = "nav nav-tabs" >
< li class = "active" > < a href = "#PortfolioSetGoalsTab" data-toggle = "tab" > Set Goals Manually< / a > < / li >
< li > < a href = "#PortfolioAutoGoalsTab" data-toggle = "tab" > Set Automatic Goals< / a > < / li >
< / ul >
< / div >
< div class = "panel-body" >
< div class = "tab-content" >
< div class = "tab-pane fade in active" id = "PortfolioSetGoalsTab" >
< div class = "form-group" >
< label for = "portfolio_set_goal" > Set Goal for < span class = "set_goal_label_portfolio" > < / span > < / label >
< input type = "text" class = "form-control" id = "portfolio_set_goal" placeholder = "e.g. 48" >
< / div >
< button class = "btn btn-default portfolio_set_goal_btn" > Submit< / button >
< / div >
< div class = "tab-pane fade" id = "PortfolioAutoGoalsTab" >
< div class = "form-group" >
< label > Push the button to set eqal goal for all active coins< / label >
< / div >
< button class = "btn btn-default portfolio_set_autogoals_btn" > Auto Goals< / button >
< / div >
< / div >
2017-07-27 07:36:59 -07:00
< / div >
< / div >
2017-07-31 08:18:24 -07:00
< / div >
2017-07-27 07:36:59 -07:00
< / div >
2017-07-27 10:30:03 -07:00
2017-07-27 07:36:59 -07:00
< / div >
2017-07-26 09:54:39 -07:00
< / div >
2017-07-27 05:00:37 -07:00
< 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 >
2017-07-26 09:54:39 -07:00
< / 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" >
2017-08-11 05:00:59 -07:00
< div class = "col-sm-12 coins_balance_panel" >
2017-06-24 02:28:01 -07:00
< 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 >
2017-09-19 03:30:55 -07:00
< tr > < th > Coin< / th > <!-- <th>Name</th><th>Total Balance</th> --> < th > Deposit Address< / th > < th > Status< / th > < th > txfee< / th > < th > Electrum< / th > < th > Actions< / th > < / tr >
2017-06-24 02:28:01 -07:00
< / thead >
< tbody >
< / tbody >
< / table >
< / div >
< / div >
2017-08-11 05:00:59 -07:00
< / div >
2017-06-24 02:28:01 -07:00
2017-08-11 05:00:59 -07:00
2017-08-11 06:29:57 -07:00
< div class = "col-sm-12 inventory_panel" style = "display: none;" >
2017-08-11 05:00:59 -07:00
< div class = "panel with-nav-tabs panel-default" >
< div class = "panel-heading" >
< button class = "btn btn-default btn-sm backto_dex_balances" style = "float: right; font-size: 13px; padding: 8px 8px;" > Back< / button >
< ul class = "nav nav-tabs" >
2017-08-11 06:29:57 -07:00
< li class = "active" > < a href = "#AliceInventory" data-toggle = "tab" > Alice Inventory (< span data-inventorycoin = "COIN" > < / span > )< / a > < / li >
< li > < a href = "#BobInventory" data-toggle = "tab" > Bob Inventory (< span data-inventorycoin = "COIN" > < / span > )< / a > < / li >
< li > < a href = "#RawJSONInventory" data-toggle = "tab" > Raw JSON (< span data-inventorycoin = "COIN" > < / span > )< / a > < / li >
2017-08-11 05:00:59 -07:00
< / ul >
< / div >
2017-08-11 06:29:57 -07:00
< div class = "" > <!-- panel - body -->
2017-08-11 05:00:59 -07:00
< div class = "tab-content" >
< div class = "tab-pane fade in active" id = "AliceInventory" >
2017-08-11 06:29:57 -07:00
< table class = "table table-striped dex_showinv_alice_tbl" style = "margin-bottom: 0;" >
2017-08-11 05:00:59 -07:00
< tbody >
< / tbody >
< / table >
< / div >
< div class = "tab-pane fade" id = "BobInventory" >
2017-08-11 06:29:57 -07:00
< table class = "table table-striped dex_showinv_bob_tbl" style = "margin-bottom: 0;" >
< tbody >
< / tbody >
< / table >
2017-08-11 05:00:59 -07:00
< / div >
< div class = "tab-pane fade" id = "RawJSONInventory" >
2017-08-11 06:29:57 -07:00
< pre class = "RawJSONInventory-output" style = "margin: 0px;" > < / pre >
2017-08-11 05:00:59 -07:00
< / div >
< / div >
< / div >
< / div >
2017-06-24 02:28:01 -07:00
< / div >
2017-08-11 05:00:59 -07:00
2017-06-24 02:28:01 -07:00
< / div >
2017-06-23 23:01:59 -07:00
< / div >
<!-- Section: Balances END -->
2017-05-15 06:14:13 -07:00
2017-08-11 05:00:59 -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-08-20 08:50:58 -07:00
< / div >
<!-- MAIN BODY END -->
2017-06-24 03:28:47 -07:00
2017-10-19 06:43:14 -07:00
2017-08-17 04:47:38 -07:00
< script >
var ipc = require('electron').ipcRenderer;
if (typeof module === 'object') {
window.module = module; module = undefined;
}
< / script >
2017-05-15 06:14:13 -07:00
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
2017-07-27 05:00:37 -07:00
< script src = "js/jquery.min.js" type = "text/javascript" > < / script >
2017-08-11 02:07:42 -07:00
< script src = "js/coin_select_options.js" type = "text/javascript" > < / script >
2017-08-18 10:58:24 -07:00
< script src = "js/ipc-actions.js" type = "text/javascript" > < / script >
2017-05-15 06:14:13 -07:00
<!-- Include all compiled plugins (below), or include individual files as needed -->
2017-07-27 05:00:37 -07:00
< script src = "js/bootstrap.min.js" type = "text/javascript" > < / script >
< script src = "js/fuelux.min.js" type = "text/javascript" > < / script >
2017-07-27 10:30:03 -07:00
< script src = "js/bootstrap-select.min.js" type = "text/javascript" > < / script >
2017-07-27 05:00:37 -07:00
< script src = "js/qrcode.min.js" type = "text/javascript" > < / script >
< script src = "js/toastr.min.js" type = "text/javascript" > < / script >
2017-09-19 03:30:55 -07:00
< script src = "js/bootstrap-toggle.min.js" type = "text/javascript" > < / script >
2017-10-19 06:43:14 -07:00
< script src = "js/bootbox.min.js" type = "text/javascript" > < / script >
< script src = "js/clipboard.min.js" type = "text/javascript" > < / script >
2017-07-27 05:00:37 -07:00
<!-- 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 -->
2017-10-19 06:43:14 -07:00
<!-- <script src="js/dexactions.js" type="text/javascript"></script> -->
< script src = "js/simpledexactions.js" type = "text/javascript" > < / script >
2017-05-15 06:14:13 -07:00
< / body >
2017-08-07 21:01:08 -07:00
< / html >