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-12-05 01:10:20 -08:00
< title > BarterDEX - v0.7.2-beta< / title >
2017-05-15 06:14:13 -07:00
<!-- Bootstrap -->
2017-12-02 09:44:51 -08:00
< link href = "css/bootstrap.min.css" type = "text/css" rel = "stylesheet" id = "bright_css_style" >
2017-07-27 05:00:37 -07:00
< 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-10-27 00:18:01 -07:00
< link href = "css/bootstrap-slider.min.css" rel = "stylesheet" >
2017-07-27 05:00:37 -07:00
< link href = "css/custom.css" type = "text/css" rel = "stylesheet" >
2017-12-02 09:44:51 -08:00
< link href = "css/dark-theme.css" type = "text/css" rel = "stylesheet" id = "dark_css_style" >
2017-08-20 08:50:58 -07:00
< link href = "css/spinner.css" type = "text/css" rel = "stylesheet" >
2017-11-16 13:24:39 -08:00
< link href = "js/fa/css/font-awesome.min.css" type = "text/css" rel = "stylesheet" >
2017-12-05 01:49:37 -08:00
< link href = "css/jquery.mCustomScrollbar.min.css" type = "text/css" rel = "stylesheet" >
2017-05-15 06:14:13 -07:00
2017-11-26 06:11:53 -08:00
< link href = "css/charts/StockChartX.min.css" type = "text/css" rel = "stylesheet" >
< link href = "css/charts/StockChartX.UI.min.css" type = "text/css" rel = "stylesheet" >
< link href = "css/charts/StockChartX.External.min.css" type = "text/css" rel = "stylesheet" >
< link href = "css/charts/site.css" type = "text/css" rel = "stylesheet" >
2017-12-05 17:51:48 -08:00
< link href = "http://fonts.googleapis.com/css?family=Open+Sans" rel = "stylesheet" type = "text/css" >
< style type = "text/css" >
@import url('http://fonts.googleapis.com/css?family=Open+Sans');
@font-face{
font-family:'Open Sans';
font-style:normal;
font-weight:400;
src:local('Open Sans'),
local('OpenSans'),
url('http://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff') format('woff');
}
body {
font-family:'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
}
< / style >
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 >
2017-12-05 01:48:02 -08:00
< body class = "mCustomScrollbar" data-mcs-theme = "minimal-dark" >
2017-06-23 23:01:59 -07:00
2017-08-20 08:50:58 -07:00
<!-- LOGIN BODY -->
2017-12-05 05:20:56 -08:00
< div class = "loginbody" style = "display: none;" >
2017-08-20 08:50:58 -07:00
< div class = "container" >
< form class = "form-signin" >
2017-11-16 13:24:39 -08:00
< h3 class = "form-signin-heading" style = "text-align: center;" > Welcome to BarterDEX< / h3 >
2017-08-20 08:50:58 -07:00
< h4 style = "text-align: center;" > Please Login< / h4 >
2017-11-16 13:24:39 -08:00
2017-11-19 08:23:50 -08:00
< label for = "loginPassphrase" class = "sr-only" > Passphrase< / label >
2017-11-19 12:48:04 -08:00
< div class = "input-group col-sm-12" style = "margin-bottom: 10px;" >
2017-11-19 08:23:50 -08:00
< input type = "password" id = "loginPassphrase" class = "form-control loginPassphrase" placeholder = "Passphrase" data-toggle = "password" required >
<!--
2017-11-16 13:24:39 -08:00
< span class = "input-group-btn" >
2017-11-19 08:23:50 -08:00
< button class = "btn btn-grey btn_login_show_passphrase" style = "height: 44px; margin-bottom: 10px;" > < span class = "glyphicon glyphicon-eye-close" aria-hidden = "true" > < / span > < / button >
< / span > -->
2017-11-17 16:30:42 -08:00
< / div >
< div class = "input-group col-sm-12" style = "margin-bottom: 10px;" >
< select class = "selectpicker login_mode_options" data-hide-disabled = "true" data-width = "30%" > < / select >
< span class = "input-group-btn" >
< button class = "btn btn-lg btn-primary btn-block login-btn" type = "submit" style = "height: 64px;" > Login< / button >
< / span >
< / div >
<!-- <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> -->
2017-11-16 13:24:39 -08:00
< button class = "btn btn-lg btn-default btn-block login-genpass-btn" > Generate a New Passphrase< / button >
2017-08-20 08:50:58 -07:00
< / form >
< / div >
< / div >
2017-11-19 08:23:50 -08:00
2017-08-20 08:50:58 -07:00
<!-- 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-11-16 13:24:39 -08: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 -->
2017-11-19 03:15:06 -08:00
< nav class = "navbar navbar-default navbar-static-top" role = "navigation" >
< div class = "container-fluid" >
2017-10-19 06:43:14 -07:00
<!-- 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 >
2017-11-19 03:15:06 -08:00
< div class = "navbar-brand" > BarterDEX< / div >
2017-10-19 06:43:14 -07:00
< / 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" >
2017-11-19 03:15:06 -08:00
<!-- <li><a href="#">Link</a></li> -->
< li class = "active" > < a href = "javascript:void(0)" class = "dexdashboard-btn" > Dashboard< / a > < / li >
2017-11-20 10:31:49 -08:00
< li > < a href = "javascript:void(0)" class = "dextradeshistory-btn" > Trade history< / a > < / li >
2017-11-19 03:15:06 -08:00
< li > < a href = "javascript:void(0)" class = "dexdebug-close-btn" style = "display: none" > Close< / a > < / li >
< li > < a href = "javascript:void(0)" class = "dexdebug-btn" > Debug< / a > < / li >
2017-12-02 04:29:24 -08:00
< li > < a href = "javascript:void(0)" class = "dexsettings-btn" > Settings< / a > < / li >
2017-11-19 03:15:06 -08:00
< li > < a href = "javascript:void(0)" class = "dexlogout-btn" > Logout< / a > < / li >
2017-10-19 06:43:14 -07:00
< / ul >
< / div > <!-- /.navbar - collapse -->
< / div > <!-- /.container - fluid -->
< / nav >
<!-- Section: Navigation Menu END -->
2017-11-17 16:58:37 -08:00
< div class = "dextradeshistory" style = "display: none" >
< span class = "refresh-trades-history-icon" onclick = "constructTradesHistory()" >
< i class = "fa fa-refresh" > < / i > Refresh
< / span >
2017-11-18 05:43:13 -08:00
< div id = "trades-history-content" >
< svg id = "trades-history-spinner" >
< circle class = "path" cx = "50" cy = "50" r = "20" fill = "none" stroke-width = "5" stroke-miterlimit = "10" / >
< circle class = "path2" cx = "50" cy = "50" r = "20" fill = "none" stroke-width = "5" stroke-miterlimit = "10" / >
< circle class = "path3" cx = "50" cy = "50" r = "20" fill = "none" stroke-width = "5" stroke-miterlimit = "10" / >
< circle class = "path4" cx = "50" cy = "50" r = "20" fill = "none" stroke-width = "5" stroke-miterlimit = "10" / >
< / svg >
< / div >
2017-11-17 16:58:37 -08:00
< / div >
2017-11-18 05:43:13 -08:00
2017-11-16 13:24:39 -08:00
< div class = "dexdebug" style = "display: none" >
< h4 > Payload< / h4 >
< textarea cols = "50" rows = "5" id = "debug-payload" placeholder = "Provide payload" > < / textarea >
< button class = "btn btn-primary" id = "debug-exec" > Execute< / button >
< hr / >
< h4 > Response< / h4 >
< div id = "debug-payload-response" > < / div >
< / div >
2017-11-04 07:57:53 -07:00
< div class = "screen-portfolio" >
2017-11-16 13:24:39 -08:00
2017-11-16 16:27:00 -08:00
< div class = "col-sm-12" >
2017-11-04 07:57:53 -07:00
< div class = "panel panel-default" >
< div class = "panel-heading" >
< h3 class = "panel-title" > Portfolio Chart< / h3 >
2017-11-16 16:27:00 -08:00
< button class = "btn btn-xs btn-info btn-activatecoins portfolio" style = "float: right; margin-right: -6px; margin-top: -20px" > ADD COINS < span class = "glyphicon glyphicon-plus" aria-hidden = "true" > < / span > < / button >
< button class = "btn btn-xs btn-refreshportfolio portfolio" style = "float: right; margin-right: 6px; margin-top: -20px" > < span class = "glyphicon glyphicon-refresh" aria-hidden = "true" > < / span > < / button >
2017-11-04 07:57:53 -07:00
< / div >
< div class = "portfolio portfolio-coinslist" > <!-- panel - body -->
2017-11-16 16:27:00 -08: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 >
2017-11-04 07:57:53 -07:00
< / div >
< / div >
2017-10-26 02:56:05 -07:00
< / div >
2017-10-19 06:43:14 -07:00
2017-11-16 16:27:00 -08:00
< div class = "col-sm-12" >
2017-11-04 07:57:53 -07:00
< div class = "panel panel-default" >
< div class = "panel-heading" >
< h3 class = "panel-title" > Portfolio Coins< / h3 >
2017-11-20 05:58:11 -08:00
< button class = "btn btn-xs btn-info btn-autogoalall portfolio" data-auto = true style = "float: right; margin-right: -6px; margin-top: -20px" > AUTO GOAL ALL ACTIVE COINS< / button >
2017-11-04 07:57:53 -07:00
< / div >
2017-12-01 13:57:19 -08:00
< div class = "portfolio portfolio-coinslist" > <!-- panel - body -->
2017-11-04 07:57:53 -07:00
< table class = "table table-striped porfolio_coins_list" style = "margin-bottom: 0;" >
< thead >
< tr >
< th > Coin< / th >
< th > Balance< / th >
< th > Price< / th >
2017-11-18 00:46:55 -08:00
< th > Current %< / th >
< th > Goal %< / th >
2017-11-04 07:57:53 -07:00
< th > KMD Value< / th >
< th > Action< / th >
< / tr >
< / thead >
< tbody >
2017-11-22 08:42:09 -08:00
< th colspan = "7" >
< div style = "text-align: center; height: 100px;" >
< svg id = "portfolio-coins-spinner" >
< circle class = "path" cx = "50" cy = "50" r = "20" fill = "none" stroke-width = "5" stroke-miterlimit = "10" / >
< circle class = "path2" cx = "50" cy = "50" r = "20" fill = "none" stroke-width = "5" stroke-miterlimit = "10" / >
< circle class = "path3" cx = "50" cy = "50" r = "20" fill = "none" stroke-width = "5" stroke-miterlimit = "10" / >
< circle class = "path4" cx = "50" cy = "50" r = "20" fill = "none" stroke-width = "5" stroke-miterlimit = "10" / >
< / svg >
< / div >
< / th >
2017-11-04 07:57:53 -07:00
< / tbody >
< / table >
< / 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;" >
2017-10-27 01:16:45 -07:00
< div class = "col-sm-12" >
< p > This screen shows you option to manage your coin's inventory. What is coin inventory?< / p >
2017-11-16 13:24:39 -08:00
< p > Every crypto currency wallet is very much like your regular physical wallet. Just like in your physical wallet if you have different currency notes and coins available, that means they are not spent. You can spend them. If you use the same analogy in crypto currency, these unspent notes and coins can be referred as < b > < i > unspent transactions.< / i > < / b > In tiny bit technical term it's called < b > U< / b > nspent < b > T< / b > ransaction < b > O< / b > utput, in short < b > UTXO< / b > .< / p >
< p > The decentralised Exchange doesn't run on total balance of your crypto currency wallet. It needs small unspent transactions. So, if you have sent a big transaction to your BarterDEX smart address, you can use this screen to split your balance to number of small UTXOs.< / p >
< p > By clicking < i > Make Inventory< / i > button, it will split your smart address balance to number of UTXOs and send them back to your smart address. It will cost regular transaction fee to split your smart address balance.< / p >
2017-10-27 01:16:45 -07:00
< / div >
2017-11-22 08:42:09 -08:00
< div class = "col-sm-12" style = "display: none;" >
2017-10-26 03:28:48 -07:00
< div class = "panel panel-default" >
< div class = "panel-heading" >
2017-10-27 00:18:01 -07:00
< h3 class = "panel-title inventory-title coininventory" data-coin = "COIN" > Manage Inventory< / h3 >
< button class = "btn btn-xs btn-inventoryclose coininventory" data-coin = "COIN" style = "float: right; margin-right: 3px; margin-top: -20px" > BACK< / button >
2017-10-26 03:28:48 -07:00
< / div >
< div class = "panel-body" >
2017-10-26 02:56:05 -07:00
2017-10-27 00:18:01 -07:00
< form class = "form-horizontal" >
< div class = "form-group" >
< div class = "col-sm-1" >
< span id = "inventory-slider1inputlabel" > Balance< / span >
< / div >
< div class = "col-sm-2" >
2017-11-06 05:58:36 -08:00
< input type = "number" class = "form-control" id = "inventory_slider_input1" >
2017-10-27 00:18:01 -07:00
< / div >
< div class = "col-sm-5" >
< input id = "inventory-slider1" type = "text" class = "col-sm-8 form-control" data-slider-min = "0" data-slider-max = "100" data-slider-step = "1" data-slider-value = "4" / >
< / div >
< div class = "col-sm-2" >
2017-11-16 13:24:39 -08:00
< span id = "inventory-slider1CurrentValLabel" > No. of deposit: < span id = "inventory-slider1Val" style = "font-weight: bold;" > 4< / span > < / span >
2017-10-27 00:18:01 -07:00
< / div >
< div class = "col-sm-2" >
< span id = "inventory-slider1CurrentTotalLabel" > Total: < span id = "inventory-slider1Total" style = "font-weight: bold;" > < / span > < / span >
< / div >
< / div >
< div class = "form-group" >
< div class = "col-sm-1" >
< span id = "inventory-slider2inputlabel" > Balance< / span >
< / div >
< div class = "col-sm-2" >
2017-11-06 05:58:36 -08:00
< input type = "number" class = "form-control" id = "inventory_slider_input2" >
2017-10-27 00:18:01 -07:00
< / div >
< div class = "col-sm-5" >
< input id = "inventory-slider2" type = "text" class = "col-sm-8 form-control" data-slider-min = "0" data-slider-max = "100" data-slider-step = "1" data-slider-value = "8" / >
< / div >
< div class = "col-sm-2" >
2017-11-16 13:24:39 -08:00
< span id = "inventory-slider2CurrentValLabel" > No. of deposit: < span id = "inventory-slider2Val" style = "font-weight: bold;" > 8< / span > < / span >
2017-10-27 00:18:01 -07:00
< / div >
< div class = "col-sm-2" >
< span id = "inventory-slider2CurrentTotalLabel" > Total: < span id = "inventory-slider2Total" style = "font-weight: bold;" > < / span > < / span >
< / div >
< / div >
< div class = "form-group" >
< div class = "col-sm-1" >
< span id = "inventory-slider3inputlabel" > Balance< / span >
< / div >
< div class = "col-sm-2" >
2017-11-06 05:58:36 -08:00
< input type = "number" class = "form-control" id = "inventory_slider_input3" >
2017-10-27 00:18:01 -07:00
< / div >
< div class = "col-sm-5" >
< input id = "inventory-slider3" type = "text" class = "col-sm-8 form-control" data-slider-min = "0" data-slider-max = "100" data-slider-step = "1" data-slider-value = "4" / >
< / div >
< div class = "col-sm-2" >
2017-11-16 13:24:39 -08:00
< span id = "inventory-slider3CurrentValLabel" > No. of deposit: < span id = "inventory-slider3Val" style = "font-weight: bold;" > 4< / span > < / span >
2017-10-27 00:18:01 -07:00
< / div >
< div class = "col-sm-2" >
< span id = "inventory-slider3CurrentTotalLabel" > Total: < span id = "inventory-slider3Total" style = "font-weight: bold;" > < / span > < / span >
< / div >
< / div >
< div class = "form-group" >
2017-10-27 01:16:45 -07:00
< div class = "col-sm-offset-9 col-sm-3" >
2017-10-27 02:08:57 -07:00
< span style = "font-weight: 300; font-size: 25px;" > Total < span class = "inventory-sliderTotal" style = "font-weight: 300; font-size: 25px;" > < / span > < span class = "coininventory inventory-sliderTotalCoin" > < / span > < / span >
2017-10-27 00:18:01 -07:00
< / div >
2017-10-27 01:16:45 -07:00
< / div >
< div class = "form-group" >
< div class = "" style = "text-align: center;" >
2017-11-06 05:58:36 -08:00
< button class = "btn btn-primary coininventory btn-makeinventory" data-coin = "COIN" coin-pair = "NONE" > Make Inventory< / button >
2017-10-27 00:18:01 -07:00
< / div >
< / div >
< / form >
2017-10-26 02:56:05 -07:00
< / div >
< div class = "panel-footer" style = "display: none;" >
2017-11-16 13:24:39 -08:00
2017-10-19 06:43:14 -07:00
< / div >
2017-10-27 00:18:01 -07:00
2017-10-19 06:43:14 -07:00
< / div >
< / div >
2017-10-27 00:18:01 -07:00
< div class = "col-sm-12" >
< 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> -->
< button class = "btn btn-xs btn-inventoryclose coininventory" data-coin = "COIN" style = "float: right; margin: 6px 6px 0px 3px;" > BACK< / button >
< button class = "btn btn-xs btn-inventoryrefresh coininventory" style = "float: right; margin: 6px 6px 0px 3px;" data-coin = "COIN" > < span class = "glyphicon glyphicon-refresh" > < / span > < / button >
< ul class = "nav nav-tabs" >
2017-11-22 08:42:09 -08:00
< li style = "display: none;" > < a href = "#AliceInventory" data-toggle = "tab" > Inventory< / a > < / li >
< li class = "active" > < a href = "#ListUnspents" data-toggle = "tab" > List Unspents< / a > < / li >
2017-10-27 00:18:01 -07:00
< li > < a href = "#RawJSONInventory" data-toggle = "tab" > Raw JSON< / a > < / li >
< / ul >
< / div >
< div class = "" > <!-- panel - body -->
< div class = "tab-content" >
2017-11-22 08:42:09 -08:00
< div class = "tab-pane fade" id = "AliceInventory" style = "display: none;" >
2017-10-27 00:18:01 -07:00
< table class = "table table-striped dex_showinv_alice_tbl" style = "margin-bottom: 0;" >
< tbody >
2017-11-01 02:00:04 -07:00
< th > < div style = "text-align: center;" > Loading...< / div > < / th >
2017-10-27 00:18:01 -07:00
< / tbody >
< / table >
< / div >
2017-11-22 08:42:09 -08:00
< div class = "tab-pane fade in active" id = "ListUnspents" >
2017-11-01 02:00:04 -07:00
< table class = "table table-striped dex_showlist_unspents_tbl" style = "margin-bottom: 0;" >
2017-10-27 00:18:01 -07:00
< tbody >
2017-11-01 02:00:04 -07:00
< th > < div style = "text-align: center;" > Loading...< / div > < / th >
2017-10-27 00:18:01 -07:00
< / tbody >
< / table >
< / div >
< div class = "tab-pane fade" id = "RawJSONInventory" >
< pre class = "RawJSONInventory-output" style = "margin: 0px;" > < / pre >
< / div >
< / div >
< / div >
< / div >
< / div >
2017-10-19 06:43:14 -07:00
< / div >
2017-11-01 02:00:04 -07:00
< div class = "screen-exchange" style = "display: none;" >
2017-11-26 06:11:53 -08:00
2017-12-04 23:26:39 -08:00
2017-11-01 02:00:04 -07:00
2017-12-05 08:45:33 -08:00
< div class = "col-md-5 col-lg-4" style = "padding: 2px;" >
2017-11-16 13:24:39 -08:00
< div class = "row" >
2017-12-04 23:29:39 -08:00
< div class = "col-sm-12" >
< div class = "panel panel-default" >
< div class = "panel-heading" >
< h3 class = "panel-title" > < strong > Your Balance< / strong > < / h3 >
<!-- <button class="btn btn - xs btn - info btn - activatecoins portfolio" style="float: right; margin: - 20px - 8px;">ADD COINS <span class="glyphicon glyphicon - plus" aria - hidden="true"></span></button> -->
< button class = "btn btn-xs btn-trading_coin_balance_refresh coinexchange" data-coin = "COIN" style = "float: right; margin: -20px -8px" > < span class = "glyphicon glyphicon-refresh" > < / span > < / button >
< / div >
< div > <!-- panel - body -->
< svg id = "balance-spinner" >
< circle class = "path" cx = "50" cy = "50" r = "20" fill = "none" stroke-width = "5" stroke-miterlimit = "10" / >
< circle class = "path2" cx = "50" cy = "50" r = "20" fill = "none" stroke-width = "5" stroke-miterlimit = "10" / >
< circle class = "path3" cx = "50" cy = "50" r = "20" fill = "none" stroke-width = "5" stroke-miterlimit = "10" / >
< circle class = "path4" cx = "50" cy = "50" r = "20" fill = "none" stroke-width = "5" stroke-miterlimit = "10" / >
< / svg >
< div class = "balance-block" >
< div class = "input-group col-sm-12 your_coins_balance_info" >
< span class = "input-group-addon trading_sellcoin_ticker_name" > < / span >
< span class = "input-group-addon trading_sellcoin_balance" > < / span >
< / div >
< div class = "input-group col-sm-12 your_coins_balance_info" >
< span class = "input-group-addon trading_coin_ticker_name" > < / span >
< span class = "input-group-addon trading_coin_balance" > < / span >
< / div >
< / div >
< / div >
< / div >
< / div >
2017-12-04 23:47:21 -08:00
2017-11-16 13:24:39 -08:00
< div class = "col-sm-12" >
2017-11-24 15:23:08 -08:00
< div class = "panel with-nav-tabs panel-default" >
2017-11-04 13:45:26 -07:00
< div class = "panel-heading" >
2017-11-24 15:23:08 -08:00
< ul class = "nav nav-tabs" >
< li class = "active" > < a href = "#exchange_trading_pair" data-toggle = "tab" > Trading Pair < button class = "btn btn-xs btn-refreshtrading_pair coinexchange" data-coin = "COIN" > < span class = "glyphicon glyphicon-refresh" aria-hidden = "true" > < / span > < / button > < / a > < / li >
2017-12-05 07:23:06 -08:00
< li > < a href = "#exchange_zeroconf_settings" data-toggle = "tab" > Speed Mode Settings< / a > < / li >
2017-11-24 15:23:08 -08:00
< / ul >
2017-11-04 13:45:26 -07:00
< / div >
2017-11-24 15:23:08 -08:00
< div class = "" > <!-- panel - body -->
< div class = "tab-content" >
< div class = "tab-pane fade in active" id = "exchange_trading_pair" style = "padding: 15px;" >
< div class = "row" >
< div class = "col-sm-12" >
< div class = "form-group trading_buysell_options" >
< div class = "btn-group btn-group-justified colors" data-toggle = "buttons" >
2017-11-26 06:23:35 -08:00
< label class = "btn btn-info active" >
2017-12-02 04:29:24 -08:00
< input type = "radio" name = "trading_pair_options" id = "trading_pair_options_buying" value = "buying" autocomplete = "off" checked > BUY < span class = "coin_ticker" > < / span > < / label >
2017-11-26 06:23:35 -08:00
< label class = "btn btn-info" >
2017-12-02 04:29:24 -08:00
< input type = "radio" name = "trading_pair_options" id = "trading_pair_options_selling" value = "selling" autocomplete = "off" > SELL < span class = "coin_ticker" > < / span > < / label >
2017-11-24 15:23:08 -08:00
< / div >
< / div >
< div class = "form-group trading_method_options" >
< div class = "btn-group btn-group-justified colors" data-toggle = "buttons" >
2017-11-26 06:23:35 -08:00
< label class = "btn btn-warning active" >
2017-11-24 15:23:08 -08:00
< input type = "radio" name = "trading_mode_options" id = "trading_mode_options_tradebot" value = "tradebot" autocomplete = "off" > TRADE BOT< / label >
2017-11-26 06:23:35 -08:00
< label class = "btn btn-warning" >
2017-11-24 15:23:08 -08:00
< input type = "radio" name = "trading_mode_options" id = "trading_mode_options_trademanual" value = "trademanual" autocomplete = "off" > MANUAL TRADE< / label >
2017-11-26 06:23:35 -08:00
< label class = "btn btn-warning" >
2017-11-24 15:23:08 -08:00
< input type = "radio" name = "trading_mode_options" id = "trading_mode_options_tradeportfolio" value = "tradeportfolio" autocomplete = "off" > PORTFOLIO< / label >
< / div >
< / div >
< div class = "form-group" >
< span style = "float: left; font-size: 18px;" > < span class = "trading_pair_lable_text_one" > Max< / span > Price to < span class = "trading_pair_lable_text_two" > Buy< / span > < / span >
< / div >
< div class = "input-group col-sm-12" >
< select class = "selectpicker trading_pair_coin" data-live-search = "true" data-hide-disabled = "true" data-width = "30%" > < / select >
< span class = "input-group-addon trading_pair_coin_autoprice_mode_span" style = "font-size: 0px; margin: 0; padding: 0; width: 120px; background-color: #fff; border: 0;" >
2017-11-26 07:22:36 -08:00
< input class = "toggle_checkbox toggle_font_lg" id = "trading_pair_coin_autoprice_mode" type = "checkbox" checked data-toggle = "toggle" data-on = "Margin" data-off = "Fixed" data-onstyle = "primary" data-offstyle = "info" data-width = "100%" data-height = "44px" data-class = "toggle-font-lg" >
2017-11-24 15:23:08 -08:00
< / span >
2017-11-26 06:23:35 -08:00
< input type = "number" class = "form-control trading_pair_coin_price" placeholder = "Price e.g. 0.01" style = "height: 44px; font-size: 20px;" >
2017-11-24 15:23:08 -08:00
< span class = "input-group-addon" id = "trading_pair_coin_price_max_min" style = "font-size: 20px;" > Max< / span >
< / div >
< div class = "form-group trading_selected_trader_label" style = "margin-top: 15px; margin-bottom: 0px; display: none;" >
< span style = "font-size: 18px;" > Trade with selected trader only (optional)< / span >
< / div >
< div class = "input-group col-sm-12 trading_selected_trader" style = "display: none;" >
< span class = "input-group-addon" >
< input class = "big-checkbox trading_pair_destpubkey_yesno" type = "checkbox" > Yes
< / span >
2017-11-26 06:23:35 -08:00
< input type = "text" class = "form-control trading_pair_destpubkey" placeholder = "eg. bab6ad2eebe1e666369cab504d4622b22c1f1ef718ef388e88020f30a1573e01" style = "height: 44px; font-size: 20px;" >
2017-11-24 15:23:08 -08:00
< / div >
< div class = "form-group buy_sell_amount_to" style = "margin-top: 15px; margin-bottom: 0px;" >
< span style = "font-size: 18px;" > < span > Max< / span > Amount to < span class = "trading_pair_lable_text_two" > Buy< / span > < / span >
< / div >
2017-12-05 17:28:26 -08:00
< div class = "input-group col-sm-12" >
2017-11-24 15:23:08 -08:00
< p class = "portfolio_info_text" style = "font-size: 20px; font-weight: 200;" > < / p >
2017-12-05 17:28:26 -08:00
< / div >
< div class = "input-group col-sm-12 buy_sell_button_div" >
<!-- <span class="input - group - addon coin_ticker" id="trading_pair_coin_ticker" style="font - size: 20px;"></span> -->
< select class = "selectpicker trading_pair_coin2" data-live-search = "true" data-hide-disabled = "true" data-width = "30%" > < / select >
2017-11-26 06:23:35 -08:00
< input type = "number" class = "form-control trading_pair_coin_volume" placeholder = "Amount e.g. 12.5" style = "height: 44px; font-size: 20px;" >
2017-11-24 15:23:08 -08:00
< span class = "input-group-btn" >
2017-11-26 06:23:35 -08:00
< button class = "btn btn-primary btn-bot_action" data-action = "buy" style = "height: 44px; font-size: 20px;" > BUY< / button >
2017-11-24 15:23:08 -08:00
< / span >
< / div >
< div class = "input-group col-sm-12" >
2017-12-02 09:44:51 -08:00
< span class = "input-group-addon relvol_basevol_label" > It'll cost you< / span >
< span class = "input-group-addon relvol_basevol_amount" > < span class = "relvol_basevol" > 0< / span > < span class = "relvol_basevol_coin" > < / span > < / span >
2017-11-24 15:23:08 -08:00
< / div >
< div class = "form-group coingoal_label_div" style = "margin-top: 15px; margin-bottom: 0px; display: none;" >
< span style = "font-size: 18px;" > Set < span class = "coingoal_label_coin_name" > < / span > Goal percentage for your portfolio< / span >
< / div >
< div class = "input-group col-sm-12 coingoal_div" style = "display: none;" >
< span class = "input-group-addon coin_ticker" id = "coingoal_coin_ticker" style = "font-size: 20px;" > < / span >
2017-11-26 06:23:35 -08:00
< input type = "number" class = "form-control coingoal_percentage" placeholder = "e.g. 12.5" style = "height: 44px; font-size: 20px;" >
2017-11-24 15:23:08 -08:00
< span class = "input-group-btn" >
2017-11-26 06:23:35 -08:00
< button class = "btn btn-primary btn_set_coin_goal" data-action = "goal" data-auto = false style = "height: 44px; font-size: 20px;" > SET GOAL< / button >
2017-11-24 15:23:08 -08:00
< / span >
< / div >
2017-10-14 09:08:06 -07:00
2017-11-24 15:23:08 -08:00
< / div >
2017-11-16 13:24:39 -08:00
< / div >
2017-11-24 15:23:08 -08:00
< / div >
2017-06-22 00:40:40 -07:00
2017-11-24 15:23:08 -08:00
< div class = "tab-pane fade" id = "exchange_zeroconf_settings" >
< div class = "row" style = "padding: 15px;" >
< div class = "col-sm-12" >
2017-11-26 06:58:39 -08:00
< p > The High Speed Mode feature enables you to make trades in seconds, without having to wait for blockchain confirmations. Please < a href = "#" class = "info_box_for_zeroconf" > click here< / a > to read more.< / p >
2017-11-24 15:23:08 -08:00
< div class = "form-group" >
2017-11-26 06:23:35 -08:00
< span style = "float: left; font-size: 18px;" > Deposit High Speed Mode Security< / span >
2017-11-24 15:23:08 -08:00
< / div >
< div class = "input-group col-sm-12" >
< select class = "selectpicker zeroconf_weeks_select" data-live-search = "true" data-hide-disabled = "true" data-width = "30%" > < / select >
< input type = "number" class = "form-control zeroconf_deposit_amount" value = "10" >
< span class = "input-group-addon" > KMD< / span >
< / div >
< div class = "form-group" >
< span style = "float: left; font-size: 18px;" > < / span >
< / div >
< div class = "input-group col-sm-12" >
2017-11-26 06:58:39 -08:00
< button class = "btn btn-primary btn-block btn_zeroconf_deposit" > MAKE SECURITY DEPOSIT< / button >
2017-11-24 15:23:08 -08:00
< / div >
2017-12-05 07:23:06 -08:00
< div class = "input-group col-sm-12" style = "padding-top: 15px;" >
< button class = "btn btn-warning btn_zeroconf_deposit_history" > SEE DEPOSIT HISTORY< / button >
< button class = "btn btn-success btn_zeroconf_claim_deposit" style = "margin-left: 10px;" > CLAIM DEPOSIT< / button >
< / div >
2017-11-20 05:32:02 -08:00
2017-11-24 15:23:08 -08:00
< / div >
2017-11-20 05:32:02 -08:00
< / div >
2017-11-16 13:24:39 -08:00
< / div >
2017-11-24 15:23:08 -08:00
2017-06-22 00:40:40 -07:00
< / div >
2017-11-24 15:23:08 -08:00
2017-06-22 00:40:40 -07:00
< / div >
< / div >
< / div >
2017-12-04 23:29:39 -08:00
2017-06-22 00:40:40 -07:00
2017-11-16 13:24:39 -08:00
< div class = "col-sm-12" >
< div class = "panel with-nav-tabs panel-default" >
< div class = "panel-heading" >
<!-- <button class="btn btn - xs btn - exchangeclose coinexchange" data - coin="COIN" style="float: right; margin: 6px 6px 0px 3px;">BACK</button>
< button class = "btn btn-xs btn-exchangerefresh coinexchange" data-coin = "COIN" style = "float: right; margin: 6px 6px 0px 3px;" > < span class = "glyphicon glyphicon-refresh" > < / span > < / button > -->
< ul class = "nav nav-tabs" >
2017-12-05 08:40:44 -08:00
< li > < a href = "#exchange_myorders" data-toggle = "tab" > My Orders < button class = "btn btn-xs btn-myordersrefresh coinexchange" data-coin = "COIN" > < span class = "glyphicon glyphicon-refresh" > < / span > < / button > < / a > < / li >
2017-12-05 17:28:26 -08:00
< li class = "autobot_tab" > < a href = "#exchange_botlist" data-toggle = "tab" > Auto Bots List < button class = "btn btn-xs btn-botlistrefresh coinexchange" data-coin = "COIN" > < span class = "glyphicon glyphicon-refresh" > < / span > < / button > < / a > < / li >
2017-12-05 08:40:44 -08:00
< li class = "active" > < a href = "#exchange_tradestatus" data-toggle = "tab" > Trade Status < button class = "btn btn-xs btn-botlistrefresh coinexchange" data-coin = "COIN" > < span class = "glyphicon glyphicon-refresh" > < / span > < / button > < / a > < / li >
2017-11-16 13:24:39 -08:00
< / ul >
2017-07-27 11:24:53 -07:00
< / div >
2017-11-16 13:24:39 -08:00
< div class = "" > <!-- panel - body -->
< div class = "tab-content" >
2017-12-05 08:40:44 -08:00
< div class = "tab-pane fade" id = "exchange_myorders" >
2017-11-16 13:24:39 -08:00
< table class = "table table-striped exchange_my_orders_tbl" style = "margin-bottom: 0;" >
< thead >
< th > Base< / th >
< th > Rel< / th >
< th > Bid< / th >
< th > Ask< / th >
< / thead >
< tbody >
< th > < div style = "text-align: center;" > Loading...< / div > < / th >
< / tbody >
< / table >
2017-06-23 23:01:59 -07:00
2017-11-16 13:24:39 -08:00
< / div >
< div class = "tab-pane fade" id = "exchange_botlist" >
< table class = "table exchange_bot_list_tbl" width = "100%" style = "margin-bottom: 0;" >
< thead >
<!-- <th>Bot ID</th> -->
< th > TradeBot Info< / th >
<!-- <th>Bot Action</th> -->
<!-- <th>Price</th>
< th > Max Volume< / th > -->
< th > Progress Info< / th >
< th > Actions< / th >
< / thead >
< tbody > < / tbody >
< / table >
< / div >
2017-12-05 08:40:44 -08:00
< div class = "tab-pane fade in active" id = "exchange_tradestatus" >
< div class = "exchange_trade_status_body" >
< table class = "table table-striped exchange_swap_status_tbl fixed_headers" width = "100%" style = "margin-bottom: 0;" >
< thead >
< th > Status< / th >
< th > Quote ID< / th >
< th > Request ID< / th >
< th > Action< / th >
< / thead >
< tbody >
< / tbody >
< / table >
< svg id = "exchange-swap-status-spinner" class = "exchange-swap-status-spinner" >
< circle class = "path" cx = "50" cy = "50" r = "20" fill = "none" stroke-width = "5" stroke-miterlimit = "10" / >
< circle class = "path2" cx = "50" cy = "50" r = "20" fill = "none" stroke-width = "5" stroke-miterlimit = "10" / >
< circle class = "path3" cx = "50" cy = "50" r = "20" fill = "none" stroke-width = "5" stroke-miterlimit = "10" / >
< circle class = "path4" cx = "50" cy = "50" r = "20" fill = "none" stroke-width = "5" stroke-miterlimit = "10" / >
< / svg >
< / div >
< / div >
2017-11-16 13:24:39 -08:00
< / div >
< / div >
2017-06-24 02:28:01 -07:00
< / div >
< / div >
2017-08-11 05:00:59 -07:00
2017-06-24 02:28:01 -07:00
< / div >
< / div >
2017-08-11 05:00:59 -07:00
2017-12-05 08:45:33 -08:00
< div class = "col-md-7 col-lg-8" style = "padding: 2px;" >
2017-12-04 23:26:39 -08:00
< div id = "chartContainer" style = "z-index: 1000;" > < / div >
< / div >
2017-12-02 04:29:24 -08:00
2017-12-05 08:45:33 -08:00
< div class = "col-md-7 col-lg-8" style = "padding: 2px;" >
2017-12-02 04:29:24 -08:00
< div class = "row" >
2017-12-05 08:40:44 -08:00
< div class = "hidden-xs hidden-sm hidden-md col-lg-6 col-xl-6" style = "padding-right: 2px;" >
< div class = "panel panel-default" >
< div class = "panel-heading" >
SELLERS: < span class = "orderbook_numasks" > < / span >
< button class = "btn btn-xs btn-exchangeclose coinexchange" data-coin = "COIN" style = "float: right; margin: 0px -8px 0px 3px;" > BACK< / button >
< button class = "btn btn-xs btn-exchangerefresh coinexchange" data-coin = "COIN" style = "float: right; margin: 0px 0px 0px 3px;" > < span class = "glyphicon glyphicon-refresh" > < / span > < / button >
< / div >
< div class = "" > <!-- panel - body -->
< div class = "mCustomScrollbar" data-mcs-theme = "minimal-dark" id = "exchange_coin_bids" >
< table class = "table table-striped orderbook_bids" width = "100%" style = "margin-bottom: 0;" >
< thead > < th > Price in < span class = "orderbook_rel_coin" > < / span > < / th >
<!-- <th>Min <span class="orderbook_rel_coin"></span></th>
< th > Max < span class = "orderbook_rel_coin" > < / span > < / th > -->
< th > Avg. Volume< / th >
< th > Depth< / th >
<!-- <th>Trader Pubkey</th> -->
< th > Age< / th >
< th > UTXOs< / th >
< th > ZCredits< / th >
< / thead >
< tbody > < / tbody >
< / table >
< / div >
< / div >
< / div >
< / div >
< div class = "hidden-xs hidden-sm hidden-md col-lg-6 col-xl-6" style = "padding-left: 2px;" >
< div class = "panel panel-default" >
< div class = "panel-heading" >
BUYERS: < span class = "orderbook_numbids" > < / span >
< button class = "btn btn-xs btn-exchangeclose coinexchange" data-coin = "COIN" style = "float: right; margin: 0px -8px 0px 3px;" > BACK< / button >
< button class = "btn btn-xs btn-exchangerefresh coinexchange" data-coin = "COIN" style = "float: right; margin: 0px 0px 0px 3px;" > < span class = "glyphicon glyphicon-refresh" > < / span > < / button >
< / div >
< div class = "" > <!-- panel - body -->
< div class = "mCustomScrollbar" data-mcs-theme = "minimal-dark" id = "exchange_coin_asks" >
< table class = "table table-striped orderbook_asks" width = "100%" style = "margin-bottom: 0;" >
< thead > < th > Price in < span class = "orderbook_rel_coin" > < / span > < / th >
<!-- <th>Size(Min - Max <span class="orderbook_base_coin"></span>)</th>
< th > Size(Min-Max < span class = "orderbook_rel_coin" > < / span > )< / th >
< th > Sum(< span class = "orderbook_rel_coin" > < / span > )< / th > -->
< th > Avg. Volume< / th >
< th > Depth< / th >
<!-- <th>Trader Pubkey</th> -->
< th > Age< / th >
< th > UTXOs< / th >
< th > ZCredits< / th >
< / thead >
< tbody > < / tbody >
< / table >
< svg id = "orderbook-asks-spinner" class = "orderbook-asks-spinner" >
< circle class = "path" cx = "50" cy = "50" r = "20" fill = "none" stroke-width = "5" stroke-miterlimit = "10" / >
< circle class = "path2" cx = "50" cy = "50" r = "20" fill = "none" stroke-width = "5" stroke-miterlimit = "10" / >
< circle class = "path3" cx = "50" cy = "50" r = "20" fill = "none" stroke-width = "5" stroke-miterlimit = "10" / >
< circle class = "path4" cx = "50" cy = "50" r = "20" fill = "none" stroke-width = "5" stroke-miterlimit = "10" / >
< / svg >
< / div >
< / div >
< / div >
< / div >
< div class = "col-sm-12 col-md-12 hidden-lg hidden-xl" >
2017-12-02 04:29:24 -08:00
< div class = "panel with-nav-tabs panel-default" >
< div class = "panel-heading" >
< button class = "btn btn-xs btn-exchangeclose coinexchange" data-coin = "COIN" style = "float: right; margin: 6px 6px 0px 3px;" > BACK< / button >
< button class = "btn btn-xs btn-exchangerefresh coinexchange" data-coin = "COIN" style = "float: right; margin: 6px 6px 0px 3px;" > < span class = "glyphicon glyphicon-refresh" > < / span > < / button >
< ul class = "nav nav-tabs" >
2017-12-05 08:40:44 -08:00
< li class = "active" > < a href = "#exchange_coin_asks_togl" data-toggle = "tab" > SELLERS: < span class = "orderbook_numasks" > < / span > < / a > < / li >
< li > < a href = "#exchange_coin_bids_togl" data-toggle = "tab" > BUYERS: < span class = "orderbook_numbids" > < / span > < / a > < / li >
2017-12-02 04:29:24 -08:00
< / ul >
< / div >
< div class = "" > <!-- panel - body -->
< div class = "tab-content" >
2017-12-05 08:40:44 -08:00
< div class = "tab-pane fade in active mCustomScrollbar" data-mcs-theme = "minimal-dark" id = "exchange_coin_asks_togl" >
2017-12-02 04:29:24 -08:00
2017-12-05 08:40:44 -08:00
< table class = "table table-striped orderbook_asks" width = "100%" style = "margin-bottom: 0;" >
2017-12-02 04:29:24 -08:00
< thead > < th > Price in < span class = "orderbook_rel_coin" > < / span > < / th >
<!-- <th>Size(Min - Max <span class="orderbook_base_coin"></span>)</th>
< th > Size(Min-Max < span class = "orderbook_rel_coin" > < / span > )< / th >
< th > Sum(< span class = "orderbook_rel_coin" > < / span > )< / th > -->
< th > Avg. Volume< / th >
< th > Depth< / th >
<!-- <th>Trader Pubkey</th> -->
< th > Age< / th >
< th > UTXOs< / th >
< th > ZCredits< / th >
< / thead >
< tbody > < / tbody >
< / table >
2017-12-05 08:40:44 -08:00
< svg id = "orderbook-asks-spinner" class = "orderbook-asks-spinner" >
2017-12-02 04:29:24 -08:00
< circle class = "path" cx = "50" cy = "50" r = "20" fill = "none" stroke-width = "5" stroke-miterlimit = "10" / >
< circle class = "path2" cx = "50" cy = "50" r = "20" fill = "none" stroke-width = "5" stroke-miterlimit = "10" / >
< circle class = "path3" cx = "50" cy = "50" r = "20" fill = "none" stroke-width = "5" stroke-miterlimit = "10" / >
< circle class = "path4" cx = "50" cy = "50" r = "20" fill = "none" stroke-width = "5" stroke-miterlimit = "10" / >
< / svg >
< / div >
2017-12-05 08:40:44 -08:00
< div class = "tab-pane fade mCustomScrollbar" data-mcs-theme = "minimal-dark" id = "exchange_coin_bids_togl" >
2017-12-02 04:29:24 -08:00
< table class = "table table-striped orderbook_bids" width = "100%" style = "margin-bottom: 0;" >
< thead > < th > Price in < span class = "orderbook_rel_coin" > < / span > < / th >
<!-- <th>Min <span class="orderbook_rel_coin"></span></th>
< th > Max < span class = "orderbook_rel_coin" > < / span > < / th > -->
< th > Avg. Volume< / th >
< th > Depth< / th >
<!-- <th>Trader Pubkey</th> -->
< th > Age< / th >
< th > UTXOs< / th >
< th > ZCredits< / th >
< / thead >
< tbody > < / tbody >
< / table >
< / div >
< / div >
< / div >
< / div >
< / div >
2017-12-05 08:40:44 -08:00
<!-- <div class="col - sm - 12">
2017-12-02 04:29:24 -08:00
< div class = "panel panel-default" >
< div class = "panel-heading" >
< h3 class = "panel-title" > < strong > Trade Status< / strong > < / h3 >
< button class = "btn btn-xs btn-swapstatusrefresh coinexchange" data-coin = "COIN" style = "float: right; margin: -20px -8px 0px 0px" > < span class = "glyphicon glyphicon-refresh" > < / span > < / button >
< / div >
2017-12-05 08:40:44 -08:00
< div class = "exchange_trade_status_body" >
2017-12-02 04:29:24 -08:00
< table class = "table table-striped exchange_swap_status_tbl fixed_headers" width = "100%" style = "margin-bottom: 0;" >
< thead >
< th > Status< / th >
< th > Quote ID< / th >
< th > Request ID< / th >
< th > Action< / th >
< / thead >
< tbody >
< / tbody >
< / table >
2017-12-05 08:40:44 -08:00
< svg id = "exchange-swap-status-spinner" class = "exchange-swap-status-spinner" >
2017-12-02 04:29:24 -08:00
< circle class = "path" cx = "50" cy = "50" r = "20" fill = "none" stroke-width = "5" stroke-miterlimit = "10" / >
< circle class = "path2" cx = "50" cy = "50" r = "20" fill = "none" stroke-width = "5" stroke-miterlimit = "10" / >
< circle class = "path3" cx = "50" cy = "50" r = "20" fill = "none" stroke-width = "5" stroke-miterlimit = "10" / >
< circle class = "path4" cx = "50" cy = "50" r = "20" fill = "none" stroke-width = "5" stroke-miterlimit = "10" / >
< / svg >
< / div >
< / div >
2017-12-05 08:40:44 -08:00
< / div > -->
2017-12-02 04:29:24 -08:00
< / div >
< / div >
2017-11-16 13:24:39 -08:00
< / div >
2017-08-11 05:00:59 -07:00
2017-11-16 13:24:39 -08: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-11-26 06:11:53 -08:00
< script src = "js/charts/jquery-migrate-3.0.0.min.js" type = "text/javascript" > < / script >
< script src = "js/charts/jquery-ui.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-11-17 16:30:42 -08:00
< script src = "js/login_select_options.js" type = "text/javascript" > < / script >
2017-11-24 15:23:08 -08:00
< script src = "js/zeroconf_weeks_select_options.js" type = "text/javascript" > < / script >
2017-11-04 07:57:53 -07:00
< script src = "js/coin_names.js" type = "text/javascript" > < / script >
2017-08-18 10:58:24 -07:00
< script src = "js/ipc-actions.js" type = "text/javascript" > < / script >
2017-11-26 06:11:53 -08:00
< script src = "js/barterdexcharts.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-11-19 08:23:50 -08:00
< script src = "js/bootstrap-show-password.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-10-27 00:18:01 -07:00
< script src = "js/bootstrap-slider.min.js" type = "text/javascript" > < / script >
2017-11-06 03:25:18 -08:00
< script src = "js/number-polyfill.min.js" type = "text/javascript" > < / script >
2017-11-16 13:24:39 -08:00
< script src = "js/underscore-min.js" type = "text/javascript" > < / script >
< script src = "js/moment.min.js" type = "text/javascript" > < / script >
< script src = "js/countdown.min.js" type = "text/javascript" > < / script >
2017-12-05 01:48:02 -08:00
< script src = "js/jquery.mCustomScrollbar.concat.min.js" type = "text/javascript" > < / script >
2017-11-16 13:24:39 -08:00
<!-- Crypto Dependencies -->
< script src = "js/wordlist.js" type = "text/javascript" > < / script >
< script src = "js/passphrasegenerator.js" type = "text/javascript" > < / script >
< script src = "js/seedrandom.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 >
2017-12-02 09:44:51 -08:00
< script src = "js/amcharts/themes/light.js" type = "text/javascript" id = "amcharts_light_theme" > < / script >
< script src = "js/amcharts/themes/black.js" type = "text/javascript" id = "amcharts_dark_theme" > < / script >
2017-11-26 06:11:53 -08:00
<!-- StockCharts -->
< script src = "js/charts/ChartContextMenu_html.js" > < / script >
< script src = "js/charts/Navigation_html.js" > < / script >
< script src = "js/charts/Toolbar_html.js" > < / script >
< script src = "js/charts/IndicatorContextMenu_html.js" > < / script >
< script src = "js/charts/ThemeDialog_html.js" > < / script >
< script src = "js/charts/IndicatorContextMenu_html.js" > < / script >
< script src = "js/charts/IndicatorInfoDialog_html.js" > < / script >
< script src = "js/charts/IchimokuIndicatorSettingsDialog_html.js" > < / script >
< script src = "js/charts/DrawingSettingsDialog_html.js" > < / script >
< script src = "js/charts/DrawingContextMenu_html.js" > < / script >
< script src = "js/charts/PriceStyleSettingsDialog_html.js" > < / script >
< script src = "js/charts/IndicatorsHelp_html.js" > < / script >
< script src = "js/charts/IndicatorSettingsDialog_html.js" > < / script >
< script src = "js/charts/IndicatorsDialog_html.js" > < / script >
< script src = "js/charts/Intl.complete.min.js" type = "text/javascript" > < / script >
< script src = "js/charts/moment.min.js" type = "text/javascript" > < / script >
< script src = "js/charts/detectizr.min.js" type = "text/javascript" > < / script >
< script src = "js/charts/html2canvas.min.js" type = "text/javascript" > < / script >
2017-12-05 07:23:06 -08:00
< script src = "js/moment-duration-format.min.js" type = "text/javascript" > < / script >
2017-12-04 20:16:54 -08:00
<!-- <script src="js/charts/StockChartX - Light.min.js" charset="iso - 8859 - 1" type="text/javascript"></script> -->
2017-11-26 06:11:53 -08:00
< script src = "js/charts/StockChartX.min.js" charset = "iso-8859-1" type = "text/javascript" > < / script >
< script src = "js/charts/StockChartX.UI.min.js" charset = "iso-8859-1" type = "text/javascript" > < / script >
< script src = "js/charts/StockChartX.External.min.js" type = "text/javascript" > < / script >
< script src = "js/charts/custom-indicator.js" type = "text/javascript" > < / script >
<!-- <script src="js/charts/site.js" type="text/javascript"></script> -->
2017-07-27 05:00:37 -07:00
<!-- 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-11-16 13:24:39 -08:00
< script src = "js/electrum_list.js" type = "text/javascript" > < / script >
2017-05-15 06:14:13 -07:00
< / body >
2017-12-01 13:57:19 -08:00
< / html >
