lukechilds
/
EasyDEX-GUI
mirror of https://github.com/lukechilds/EasyDEX-GUI.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

update 

- coin images
- api call for history/balance
master
Satinder Grewal 9 years ago
parent
a594b171b6
commit
37fdd570c8
6 changed files with 145 additions and 115 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. BIN
      assets/images/cryptologo/namecoin.png
  2. BIN
      assets/images/cryptologo/syscoin.png
  3. BIN
      assets/images/cryptologo/vpncoin.png
  4. BIN
      assets/images/cryptologo/zcash.png
  5. 252
      assets/scripts/dashboard.js
  6. 8
      index.html

BIN
assets/images/cryptologo/namecoin.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.5 KiB

BIN
assets/images/cryptologo/syscoin.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.0 KiB

BIN
assets/images/cryptologo/vpncoin.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.7 KiB

BIN
assets/images/cryptologo/zcash.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB

252
assets/scripts/dashboard.js
View File

@ -19,131 +19,161 @@ var Dashboard = function() {
var walletDivContent = '';
$.ajax({
type: 'GET',
url: 'http://127.0.0.1:7778/api/InstantDEX/allcoins',
dataType: 'text',
success: function(data, textStatus, jqXHR) {
var AllcoinsDataOutput = JSON.parse(data);
//console.log('== Data OutPut ==');
//console.log(AllcoinsDataOutput.basilisk);
$.each(AllcoinsDataOutput.basilisk, function(index) {
var coinlogo = '';
var coinname = '';
if ( AllcoinsDataOutput.basilisk[index] == 'BTC' ) {
coinlogo = 'bitcoin';
coinname = 'Bitcoin';
}
if ( AllcoinsDataOutput.basilisk[index] == 'BTCD' ) {
coinlogo = 'bitcoindark';
coinname = 'BitcoinDark';
}
if ( AllcoinsDataOutput.basilisk[index] == 'LTC' ) {
coinlogo = 'litecoin';
coinname = 'Litecoin';
}
//console.log(AllcoinsDataOutput.basilisk[index]);
walletDivContent += '<!-- Begin' + AllcoinsDataOutput.basilisk[index] + 'wallet widget -->';
walletDivContent += '<div class="col-md-6 col-xs-12 masonry-item">';
walletDivContent += '<div class="widget widget-shadow">';
walletDivContent += '<div class="widget-header wallet-widget-header padding-15 clearfix">';
walletDivContent += '<div class="row no-space">';
walletDivContent += '<div class="col-xs-7">';
walletDivContent += '<a class="avatar avatar-lg pull-left margin-right-20 img-bordered" href="javascript:void(0)" data-currency="' + AllcoinsDataOutput.basilisk[index] + '">';
walletDivContent += '<img src="assets/images/cryptologo/' + coinlogo + '.png" alt="">';
walletDivContent += '<span class="badge up badge-info" id="basfull" data-currency="' + AllcoinsDataOutput.basilisk[index] + '" data-toggle="tooltip" data-placement="top" data-original-title="Basilisk">B</span>';
walletDivContent += '</a>';
walletDivContent += '<div>';
walletDivContent += '<div class="font-size-20 hidden-xs" data-currency="' + AllcoinsDataOutput.basilisk[index] + '" id="currency-name">' + coinname + '</div>';
walletDivContent += '<div class="form-material hidden-md hidden-xs">';
walletDivContent += '<select class="form-control font-size-12" data-currency="' + AllcoinsDataOutput.basilisk[index] + '" id="currency-addr" style="width: 235px;">';
//walletDivContent += '<option>1LkTfkQLXg2v86oc1MoLz68nKoshh5ARTC</option>';
//walletDivContent += '<option>1LkTfkQLXg2v86oc1MoLz68nKoshh5ARTC</option>';
walletDivContent += '</select>';
walletDivContent += '</div>';
walletDivContent += '<div class="font-size-12 hidden-xs"></div>';
walletDivContent += '</div>';
walletDivContent += '</div>';
walletDivContent += '<div class="col-xs-5">';
walletDivContent += '<div class="row no-space text-center">';
walletDivContent += '<div class="col-md-4 col-xs-6">';
walletDivContent += '<div class="counter" data-toggle="tooltip" data-placement="top" data-original-title="Balance">';
walletDivContent += '<div class="counter-icon"><i class="icon">' + AllcoinsDataOutput.basilisk[index] + '</i></div>';
walletDivContent += '<span class="counter-number" data-currency="' + AllcoinsDataOutput.basilisk[index] + '" id="currency-balance">6.584</span>';
$.each([ 'basilisk', 'full', 'virtual' ], function( index, value ) {
$.ajax({
type: 'GET',
url: 'http://127.0.0.1:7778/api/InstantDEX/allcoins',
dataType: 'text',
success: function(data, textStatus, jqXHR) {
var AllcoinsDataOutput = JSON.parse(data);
//console.log('== Data OutPut ==');
//console.log(value);
//console.log(AllcoinsDataOutput[value]);
$.each(AllcoinsDataOutput[value], function(index) {
var coinlogo = '';
var coinname = '';
var modecode = '';
var modetip = '';
var modecolor = '';
if ( value == 'basilisk' ) { modecode = 'B'; modetip = 'Basilisk'; modecolor = 'info'; }
if ( value == 'full' ) { modecode = 'F'; modetip = 'Full'; modecolor = 'success'; }
if ( value == 'virtual' ) { modecode = 'V'; modetip = 'Virtual'; modecolor = 'danger'; }
if ( AllcoinsDataOutput[value][index] == 'BTC' ) { coinlogo = 'bitcoin'; coinname = 'Bitcoin'; }
if ( AllcoinsDataOutput[value][index] == 'BTCD' ) { coinlogo = 'bitcoindark'; coinname = 'BitcoinDark'; }
if ( AllcoinsDataOutput[value][index] == 'LTC' ) { coinlogo = 'litecoin'; coinname = 'Litecoin'; }
if ( AllcoinsDataOutput[value][index] == 'VPN' ) { coinlogo = 'vpncoin'; coinname = 'VPNcoin'; }
if ( AllcoinsDataOutput[value][index] == 'SYS' ) { coinlogo = 'syscoin'; coinname = 'Syscoin'; }
if ( AllcoinsDataOutput[value][index] == 'ZEC' ) { coinlogo = 'zcash'; coinname = 'Zcash'; }
if ( AllcoinsDataOutput[value][index] == 'NMC' ) { coinlogo = 'namecoin'; coinname = 'Namecoin'; }
//console.log(AllcoinsDataOutput[value][index]);
walletDivContent += '<!-- Begin' + AllcoinsDataOutput[value][index] + 'wallet widget -->';
walletDivContent += '<div class="col-md-6 col-xs-12 masonry-item">';
walletDivContent += '<div class="widget widget-shadow">';
walletDivContent += '<div class="widget-header wallet-widget-header padding-15 clearfix">';
walletDivContent += '<div class="row no-space">';
walletDivContent += '<div class="col-xs-7">';
walletDivContent += '<a class="avatar avatar-lg pull-left margin-right-20 img-bordered" href="javascript:void(0)" data-currency="' + AllcoinsDataOutput[value][index] + '">';
walletDivContent += '<img src="assets/images/cryptologo/' + coinlogo + '.png" alt="">';
walletDivContent += '<span class="badge up badge-' + modecolor + '" id="basfull" data-currency="' + AllcoinsDataOutput[value][index] + '" data-toggle="tooltip" data-placement="top" data-original-title="' + modetip + '">' + modecode + '</span>';
walletDivContent += '</a>';
walletDivContent += '<div>';
walletDivContent += '<div class="font-size-20 hidden-xs" data-currency="' + AllcoinsDataOutput[value][index] + '" id="currency-name">' + coinname + '</div>';
walletDivContent += '<div class="form-material hidden-md hidden-xs">';
walletDivContent += '<select class="form-control font-size-12" data-currency="' + AllcoinsDataOutput[value][index] + '" id="currency-addr" style="width: 235px;">';
//walletDivContent += '<option>1LkTfkQLXg2v86oc1MoLz68nKoshh5ARTC</option>';
//walletDivContent += '<option>1LkTfkQLXg2v86oc1MoLz68nKoshh5ARTC</option>';
walletDivContent += '</select>';
walletDivContent += '</div>';
walletDivContent += '<div class="font-size-12 hidden-xs"></div>';
walletDivContent += '</div>';
walletDivContent += '</div>';
walletDivContent += '<div class="col-md-4 col-xs-6">';
walletDivContent += '<div class="counter" data-toggle="tooltip" data-placement="top" data-original-title="Unconfirmed">';
walletDivContent += '<div class="counter-icon"><i class="icon fa-spinner"></i></div>';
walletDivContent += '<span class="counter-number" data-currency="' + AllcoinsDataOutput.basilisk[index] + '" id="currency-unconfirmed">3</span>';
walletDivContent += '</div>';
walletDivContent += '</div>';
walletDivContent += '<div class="col-md-4 hidden-xs hidden-sm">';
walletDivContent += '<div class="counter" data-toggle="tooltip" data-placement="top" data-original-title="No. of Transactions">';
walletDivContent += '<div class="counter-icon"><i class="icon fa-book"></i></div>';
walletDivContent += '<span class="counter-number" data-currency="' + AllcoinsDataOutput.basilisk[index] + '" id="currency-nooftransactions">325</span>';
walletDivContent += '<div class="col-xs-5">';
walletDivContent += '<div class="row no-space text-center">';
walletDivContent += '<div class="col-md-4 col-xs-6">';
walletDivContent += '<div class="counter" data-toggle="tooltip" data-placement="top" data-original-title="Balance">';
walletDivContent += '<div class="counter-icon"><i class="icon">' + AllcoinsDataOutput[value][index] + '</i></div>';
walletDivContent += '<span class="counter-number" data-currency="' + AllcoinsDataOutput[value][index] + '" id="currency-balance">6.584</span>';
walletDivContent += '</div>';
walletDivContent += '</div>';
walletDivContent += '<div class="col-md-4 col-xs-6">';
walletDivContent += '<div class="counter" data-toggle="tooltip" data-placement="top" data-original-title="Unconfirmed">';
walletDivContent += '<div class="counter-icon"><i class="icon fa-spinner"></i></div>';
walletDivContent += '<span class="counter-number" data-currency="' + AllcoinsDataOutput[value][index] + '" id="currency-unconfirmed">3</span>';
walletDivContent += '</div>';
walletDivContent += '</div>';
walletDivContent += '<div class="col-md-4 hidden-xs hidden-sm">';
walletDivContent += '<div class="counter" data-toggle="tooltip" data-placement="top" data-original-title="No. of Transactions">';
walletDivContent += '<div class="counter-icon"><i class="icon fa-book"></i></div>';
walletDivContent += '<span class="counter-number" data-currency="' + AllcoinsDataOutput[value][index] + '" id="currency-nooftransactions">325</span>';
walletDivContent += '</div>';
walletDivContent += '</div>';
walletDivContent += '</div>';
walletDivContent += '</div>';
walletDivContent += '</div>';
walletDivContent += '</div>';
walletDivContent += '</div>';
walletDivContent += '</div>';
walletDivContent += '<div class="widget-content history-body hidden-sm hidden-xs">';
walletDivContent += '<div class="height-200 scrollbar-dynamic" id="tblscroll">';
walletDivContent += '<div data-role="container">';
walletDivContent += '<div data-role="content">';
walletDivContent += '<table class="table font-size-12" data-currency="' + AllcoinsDataOutput.basilisk[index] + '" id="currency-tbl">';
walletDivContent += '<tbody>';
walletDivContent += '</tbody>';
walletDivContent += '</table>';
walletDivContent += '<div class="widget-content history-body hidden-sm hidden-xs">';
walletDivContent += '<div class="height-200 scrollbar-dynamic" id="tblscroll">';
walletDivContent += '<div data-role="container">';
walletDivContent += '<div data-role="content">';
walletDivContent += '<table class="table font-size-12" data-currency="' + AllcoinsDataOutput[value][index] + '" id="currency-tbl">';
walletDivContent += '<tbody>';
walletDivContent += '</tbody>';
walletDivContent += '</table>';
walletDivContent += '</div>';
walletDivContent += '</div>';
walletDivContent += '</div>';
walletDivContent += '</div>';
walletDivContent += '</div>';
walletDivContent += '</div>';
walletDivContent += '</div>';
walletDivContent += '</div>';
walletDivContent += '<!-- End' + AllcoinsDataOutput.basilisk[index] + 'wallet widget -->';
$('#wallet-widgets').html(walletDivContent);
$('.scrollbar-dynamic').scrollbar(); //Make sure widget-body has scrollbar for transactions history
$('[data-toggle="tooltip"]').tooltip(); //Make sure tooltips are working for wallet widgets and anywhere else in wallet.
//console.log(walletDivContent);
//console.log('http://127.0.0.1:7778/api/bitcoinrpc/getaddressesbyaccount?coin=' + AllcoinsDataOutput.basilisk[index] + '&account=*');
//$('select[data-currency="' + AllcoinsDataOutput.basilisk[index] + '"]').empty();
$.getJSON( 'http://127.0.0.1:7778/api/bitcoinrpc/getaddressesbyaccount?coin=' + AllcoinsDataOutput.basilisk[index] + '&account=*', function( data ) {
var CoinAddrList = '';
//console.log(data.result);
$.each(data.result, function(coin_index){
//console.log(coin_index);
//console.log(data.result[index]);
//console.log(AllcoinsDataOutput.basilisk[index]);
CoinAddrList = '<option value="' + data.result[coin_index] + '" data-select-options="' + AllcoinsDataOutput.basilisk[index] + '">' + data.result[coin_index] + '</option>';
//console.log(CoinAddrList);
// Inject the whole content string into our existing HTML table
$('select[data-currency="' + AllcoinsDataOutput.basilisk[index] + '"]').append(CoinAddrList);
walletDivContent += '<!-- End' + AllcoinsDataOutput[value][index] + 'wallet widget -->';
$('#wallet-widgets').html(walletDivContent);
$('.scrollbar-dynamic').scrollbar(); //Make sure widget-body has scrollbar for transactions history
$('[data-toggle="tooltip"]').tooltip(); //Make sure tooltips are working for wallet widgets and anywhere else in wallet.
//console.log(walletDivContent);
//console.log('http://127.0.0.1:7778/api/bitcoinrpc/getaddressesbyaccount?coin=' + AllcoinsDataOutput[value][index] + '&account=*');
//$('select[data-currency="' + AllcoinsDataOutput[value][index] + '"]').empty();
//Get list of address per coin and pupulate that to wallet widget
$.getJSON( 'http://127.0.0.1:7778/api/bitcoinrpc/getaddressesbyaccount?coin=' + AllcoinsDataOutput[value][index] + '&account=*', function( data ) {
//var CoinAddrList = '';
//console.log(data.result);
$.each(data.result, function(coin_index){
//console.log(coin_index);
//console.log(data.result[index]);
//console.log(AllcoinsDataOutput[value][index]);
CoinAddrList = '<option value="' + data.result[coin_index] + '" data-select-options="' + AllcoinsDataOutput[value][index] + '">' + data.result[coin_index] + '</option>';
//console.log(CoinAddrList);
// Inject the whole content string into our existing HTML table
$('select[data-currency="' + AllcoinsDataOutput[value][index] + '"]').append(CoinAddrList);
});
//console.log(data);
//console.log(data[0]);*/
});
var historyvalues = {"timeout":20000,"agent":"basilisk","method":"history","vals":{"coin":"LTC"}};
//Get coin history and pupulate balance and other info to wallet widget
$.ajax({
type: 'POST',
data: historyvalues,
url: 'http://127.0.0.1:7778/api/basilisk/history',
dataType: 'text',
success: function(data, textStatus, jqXHR) {
var CoinHistoryData = JSON.parse(data);
console.log('== Data OutPut ==');
console.log(CoinHistoryData);
},
error: function(xhr, textStatus, error) {
console.log('failed getting Coin History.');
console.log(xhr.statusText);
console.log(textStatus);
console.log(error);
}
});
//console.log(data);
//console.log(data[0]);*/
});
});
},
error: function(xhr, textStatus, error) {
console.log('failed starting BitcoinDark.');
console.log(xhr.statusText);
console.log(textStatus);
console.log(error);
//swal("Oops...", "Something went wrong!", "error");
if (xhr.readyState == '0' ) {
toastr.error("Unable to connect to Iguana", "Account Notification")
},
error: function(xhr, textStatus, error) {
console.log('failed starting BitcoinDark.');
console.log(xhr.statusText);
console.log(textStatus);
console.log(error);
//swal("Oops...", "Something went wrong!", "error");
if (xhr.readyState == '0' ) {
toastr.error("Unable to connect to Iguana", "Account Notification")
}
}
}
});
});
}

8
index.html
View File

@ -35,7 +35,7 @@
<link rel="stylesheet" href="assets/global/fonts/material-design/material-design.min.css">
<link rel="stylesheet" href="assets/global/fonts/web-icons/web-icons.css">
<link rel="stylesheet" href="assets/global/fonts/brand-icons/brand-icons.min.css">
<link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Roboto:300,400,500,300italic'>
<!--<link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Roboto:300,400,500,300italic'>-->
<!--[if lt IE 9]>
<script src="assets/global/vendor/html5shiv/html5shiv.min.js"></script>
<![endif]-->
@ -263,21 +263,21 @@
</div>
<!-- End page header -->
<div class="page-content" id="section-dashboard">
<div class="row" id="wallet-widgets" data-plugin="masonry" style="position: relative; height: 800px;">
<div class="row" id="wallet-widgets" data-plugin="masonry">
</div>
</div>
<!-- END DASHBOARD CONTENT BODY -->
<!-- BEGIN EASYDEX CONTENT BODY -->
<div class="page-content" id="section-easydex" style="height: 800px;">
<div class="page-content" id="section-easydex">
<h2>EasyDEX</h2>
<p>Page content goes here</p>
</div>
<!-- END EASYDEX CONTENT BODY -->
<!-- BEGIN ABOUT SUPERNET IGUANA CONTENT BODY -->
<div class="page-content" id="section-about-iguana" style="height: 800px;">
<div class="page-content" id="section-about-iguana">
<h2>About Iguana</h2>
<p>Page content goes here</p>
</div>

Write Preview
Loading…
Cancel
Save