Browse Source

Komodo Wallet section updated with some basic structure and data fields updating through API

master
Satinder Grewal 8 years ago
parent
commit
ee7e71fcb4
  1. 8
      assets/css/dashboard.css
  2. BIN
      assets/images/bg/kmd_transparent_header_bg.png
  3. BIN
      assets/images/kmd_header_title_logo.png
  4. 48
      assets/scripts/dashboard.js
  5. 165
      assets/scripts/kmd_wallet_dashboard.js
  6. 30
      assets/scripts/sidebar.js
  7. 136
      index.html

8
assets/css/dashboard.css

@ -18,6 +18,12 @@
box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.32);
}
#section-iguana-wallet-settings, #section-iguana-atomic-explorer {
#section-iguana-wallet-settings, #section-iguana-atomic-explorer, #section-komodo {
padding-top: 0;
}
.kmd-wallet-header {
background: url("assets/images/bg/kmd_transparent_header_bg.png") !important;
background-repeat: no-repeat !important;
background-position: 0% !important;
}

BIN
assets/images/bg/kmd_transparent_header_bg.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 52 KiB

BIN
assets/images/kmd_header_title_logo.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

48
assets/scripts/dashboard.js

@ -1,6 +1,8 @@
var RunTotalFiatValue = '';
var ExecuteShowCoinHistory = '';
var Dashboard = function() {
@ -21,7 +23,7 @@ var Dashboard = function() {
var handleWalletWidgets = function() {
var walletDivContent = '';
var AddColumnDiv = 0
$.each([ 'basilisk', 'full', 'virtual' ], function( index, value ) {
$.ajax({
@ -33,7 +35,7 @@ var Dashboard = function() {
//console.log('== AllCoins Data OutPut ==');
//console.log(value);
//console.log(AllcoinsDataOutput[value]);
$.each(AllcoinsDataOutput[value], function(index) {
var coinlogo = '';
@ -65,8 +67,8 @@ var Dashboard = function() {
if ( AllcoinsDataOutput[value][index] == 'ANC' ) { coinlogo = 'anoncoin'; coinname = 'AnonCoin'; }
if ( AllcoinsDataOutput[value][index] == 'FRK' ) { coinlogo = 'franko'; coinname = 'Franko'; }
//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">';
@ -325,7 +327,8 @@ function ShowCoinHistory(getData) {
//console.log(testhistory.history.reverse());
//console.log(testhistory.sent);
$('span[data-currency="' + getData.vals['coin'] + '"][id="currency-balance"]').text(CoinHistoryData.balance);
//$('span[data-currency="' + getData.vals['coin'] + '"][id="currency-balance"]').text(CoinHistoryData.balance);
getCoinBalance(getData.vals['coin']);
//Update Dashboard Header values as well
if ( getData.vals['coin'] == 'BTC' || getData.vals['coin'] == 'BTCD' ) {
@ -438,6 +441,40 @@ function ShowCoinHistory(getData) {
}
function getCoinBalance() {
}
function getCoinBalance(coin) {
//console.log(rmd160conv_data);
//return rmd160conv_data;
//comment
var ajax_data = {"agent":"bitcoinrpc","method":"getbalance","coin": coin};
console.log(ajax_data);
$.ajax({
type: 'POST',
data: JSON.stringify(ajax_data),
url: 'http://127.0.0.1:7778',
//dataType: 'text',
success: function(data, textStatus, jqXHR) {
var AjaxOutputData = JSON.parse(data);
console.log('== Data OutPut ==');
console.log(AjaxOutputData);
$('span[data-currency="' + coin + '"][id="currency-balance"]').text(AjaxOutputData.result);
},
error: function(xhr, textStatus, error) {
console.log('failed getting Coin History.');
console.log(xhr.statusText);
if ( xhr.readyState == 0 ) {
Iguana_ServiceUnavailable();
}
console.log(textStatus);
console.log(error);
}
});
}
function StopShowCoinHistory() {
clearInterval(ExecuteShowCoinHistory);
console.log('Stopped executing History API.');
@ -653,4 +690,5 @@ function ShowCoinProgressBar(coin) {
console.log(error);
}
});
}
}

165
assets/scripts/kmd_wallet_dashboard.js

@ -0,0 +1,165 @@
var KMDWalletDashboard = function() {
var handle_KMD_Dashboard = function() {
$('#btn_kmd_wallet_dashboard').click(function() {
//console.log('kmd wallet dashbaord button clicked...');
$('#kmd_wallet_dashoard_section').show();
getKMDBalanceT();
getKMDBalanceTotal();
getKMDWalletInfo();
getKMDInfo();
});
}
return {
//main function to initiate the module
init: function() {
handle_KMD_Dashboard();
RunInitFunctions();
}
};
}();
jQuery(document).ready(function() {
//KMDWalletDashboard.init();
});
function RunInitFunctions() {
getKMDBalanceT();
getKMDBalanceTotal();
getKMDWalletInfo();
getKMDInfo();
}
function getKMDBalanceT() {
var ajax_data = {"agent":"komodo","method":"passthru","function":"getbalance","hex":""}
console.log(ajax_data);
$.ajax({
type: 'POST',
data: JSON.stringify(ajax_data),
url: 'http://127.0.0.1:7778',
//dataType: 'text',
success: function(data, textStatus, jqXHR) {
var AjaxOutputData = JSON.parse(data);
//console.log('== Data OutPut ==');
//console.log(AjaxOutputData);
$('#kmd_transparent_balance').text(AjaxOutputData);
},
error: function(xhr, textStatus, error) {
console.log('failed getting Coin History.');
console.log(xhr.statusText);
if ( xhr.readyState == 0 ) {
Iguana_ServiceUnavailable();
}
console.log(textStatus);
console.log(error);
}
});
}
function getKMDBalanceZ() {
var ajax_data = {"agent":"komodo","method":"passthru","function":"z_getbalance","hex":""}
console.log(ajax_data);
$.ajax({
type: 'POST',
data: JSON.stringify(ajax_data),
url: 'http://127.0.0.1:7778',
//dataType: 'text',
success: function(data, textStatus, jqXHR) {
var AjaxOutputData = JSON.parse(data);
//console.log('== Data OutPut ==');
//console.log(AjaxOutputData);
$('#kmd_private_balance').text(AjaxOutputData);
},
error: function(xhr, textStatus, error) {
console.log('failed getting Coin History.');
console.log(xhr.statusText);
if ( xhr.readyState == 0 ) {
Iguana_ServiceUnavailable();
}
console.log(textStatus);
console.log(error);
}
});
}
function getKMDBalanceTotal() {
var kmd_T_balance = parseFloat($('#kmd_transparent_balance').text());
var kmd_Z_balance = parseFloat($('#kmd_private_balance').text());
var kmd_total_balance = kmd_T_balance + kmd_Z_balance;
$('#kmd_total_tz_balance').text(kmd_total_balance.toFixed(4));
}
function getKMDWalletInfo() {
var ajax_data = {"agent":"komodo","method":"passthru","function":"getwalletinfo","hex":""}
console.log(ajax_data);
$.ajax({
type: 'POST',
data: JSON.stringify(ajax_data),
url: 'http://127.0.0.1:7778',
//dataType: 'text',
success: function(data, textStatus, jqXHR) {
var AjaxOutputData = JSON.parse(data);
//console.log('== Data OutPut ==');
//console.log(AjaxOutputData);
$('#kmd_walletversion').text(AjaxOutputData.walletversion);
$('#kmd_balance').text(AjaxOutputData.balance);
$('#kmd_unconfirmed_balance').text(AjaxOutputData.unconfirmed_balance);
$('#kmd_immature_balance').text(AjaxOutputData.immature_balance);
$('#KMDTotalTransactionsCount').text(AjaxOutputData.txcount);
},
error: function(xhr, textStatus, error) {
console.log('failed getting Coin History.');
console.log(xhr.statusText);
if ( xhr.readyState == 0 ) {
Iguana_ServiceUnavailable();
}
console.log(textStatus);
console.log(error);
}
});
}
function getKMDInfo() {
var ajax_data = {"agent":"komodo","method":"passthru","function":"getinfo","hex":""}
console.log(ajax_data);
$.ajax({
type: 'POST',
data: JSON.stringify(ajax_data),
url: 'http://127.0.0.1:7778',
//dataType: 'text',
success: function(data, textStatus, jqXHR) {
var AjaxOutputData = JSON.parse(data);
//console.log('== Data OutPut ==');
//console.log(AjaxOutputData);
$('#kmd_version').text(AjaxOutputData.version);
$('#kmd_protocolversion').text(AjaxOutputData.protocolversion);
$('#kmd_notarized').text(AjaxOutputData.notarized);
$('#kmd_notarizedhash').text(AjaxOutputData.notarizedhash);
$('#kmd_notarizedbtc').text(AjaxOutputData.notarizedbtc);
$('#kmd_blocks').text(AjaxOutputData.blocks);
$('#kmd_connections').text(AjaxOutputData.connections);
$('#kmd_difficulty').text(AjaxOutputData.difficulty);
$('#kmd_testnet').text(AjaxOutputData.testnet);
$('#kmd_paytxfee').text(AjaxOutputData.paytxfee);
$('#kmd_relayfee').text(AjaxOutputData.relayfee);
$('#kmd_errors').text(AjaxOutputData.errors);
},
error: function(xhr, textStatus, error) {
console.log('failed getting Coin History.');
console.log(xhr.statusText);
if ( xhr.readyState == 0 ) {
Iguana_ServiceUnavailable();
}
console.log(textStatus);
console.log(error);
}
});
}

30
assets/scripts/sidebar.js

@ -17,6 +17,7 @@ $(document).ready(function() {
$('#nav-iguana-wallet-settings').removeClass( " active open" ).addClass( "" );
$('#nav-about-iguana').removeClass( " active open" ).addClass( "" );
$(".header-easydex-section").text("Dashboard");
removeKMDWalletStyle();
CommonSidebarActionsSet01();
});
@ -38,6 +39,7 @@ $('#nav-dashboard').on('click', function() {
$('#nav-iguana-wallet-settings').removeClass( " active open" ).addClass( "" );
$('#nav-about-iguana').removeClass( " active open" ).addClass( "" );
$(".header-easydex-section").text("Dashboard");
removeKMDWalletStyle();
CommonSidebarActionsSet01();
});
@ -58,6 +60,7 @@ $('#nav-easydex').on('click', function() {
$('#nav-iguana-wallet-settings').removeClass( " active open" ).addClass( "" );
$('#nav-about-iguana').removeClass( " active open" ).addClass( "" );
$(".header-easydex-section").text("EasyDEX");
removeKMDWalletStyle();
CommonSidebarActionsSet02();
});
@ -77,7 +80,8 @@ $('#nav-komodo-wallet').on('click', function() {
$('#nav-iguana-atomic-explorer').removeClass( " active open" ).addClass( "" );
$('#nav-iguana-wallet-settings').removeClass( " active open" ).addClass( "" );
$('#nav-about-iguana').removeClass( " active open" ).addClass( "" );
$(".header-easydex-section").text("Komodo Wallet");
KMDWalletDashboard.init(); //Initiate Komodo Dashbaord sript
applyKMDWalletStyle();
CommonSidebarActionsSet02();
});
@ -98,6 +102,7 @@ $('#nav-zcash-wallet').on('click', function() {
$('#nav-iguana-wallet-settings').removeClass( " active open" ).addClass( "" );
$('#nav-about-iguana').removeClass( " active open" ).addClass( "" );
$(".header-easydex-section").text("Zcash Wallet");
removeKMDWalletStyle();
CommonSidebarActionsSet02();
});
@ -118,6 +123,7 @@ $('#nav-iguana-atomic-explorer').on('click', function() {
$('#nav-iguana-wallet-settings').removeClass( " active open" ).addClass( "" );
$('#nav-iguana-atomic-explorer').removeClass( "" ).addClass( "active open" );
$(".header-easydex-section").text("Atomic Explorer");
removeKMDWalletStyle();
CommonSidebarActionsSet02();
});
@ -137,7 +143,8 @@ $('#nav-iguana-wallet-settings').on('click', function() {
$('#nav-about-iguana').removeClass( " active open" ).addClass( "" );
$('#nav-iguana-atomic-explorer').removeClass( " active open" ).addClass( "" );
$('#nav-iguana-wallet-settings').removeClass( "" ).addClass( "active open" );
$(".header-easydex-section").text("Wallet Settings")
$(".header-easydex-section").text("Wallet Settings");
removeKMDWalletStyle();
Settings_ShowWalletInfo(); //Execute this function from walletsettings.js file
CommonSidebarActionsSet02();
});
@ -159,6 +166,7 @@ $('#nav-about-iguana').on('click', function() {
$('#nav-iguana-wallet-settings').removeClass( " active open" ).addClass( "" );
$('#nav-about-iguana').removeClass( "" ).addClass( "active open" );
$(".header-easydex-section").text("About Iguana");
removeKMDWalletStyle();
CommonSidebarActionsSet02();
});
@ -175,3 +183,21 @@ function CommonSidebarActionsSet02() {
$("#wifkeys_passphrase").val('');
$('#wif-priv-keys').html('');
}
function applyKMDWalletStyle() {
$('.header-easydex-section').html('<img src="assets/images/kmd_header_title_logo.png">');
$('.page-title').hide();
$('#easydex-header-div').css('background-image', 'url("assets/images/bg/kmd_transparent_header_bg.png")');
$('#easydex-header-div').css('background-repeat', 'no-repeat');
$('#easydex-header-div').css('background-position', '0%');
$('#easydex_kmd_wallet_actions_header').show();
$('#easydex_btc_btcd_balances_header').hide();
}
function removeKMDWalletStyle() {
$('.page-title').show();
$('#easydex-header-div').removeAttr( "style" );
$('#easydex_kmd_wallet_actions_header').hide();
$('#easydex_btc_btcd_balances_header').show();
}

136
index.html

@ -361,14 +361,24 @@
<!-- BEGIN DASHBOARD CONTENT BODY -->
<!-- Example With Stats -->
<div class="page-header page-header-bordered header-easydex">
<div class="page-header page-header-bordered header-easydex" id="easydex-header-div">
<h1 class="page-title">EasyDEX</h1>
<ol class="breadcrumb">
<li class="header-easydex-section">Dashboard</li>
<!--<li class="active">You are Here</li>-->
</ol>
<div class="page-header-actions">
<div class="row no-space width-350 hidden-xs">
<div class="page-header-actions" style="z-index: 1;">
<button type="button" id="easydex_kmd_wallet_actions_header" class="bg-teal-500 btn btn-floating btn-info waves-effect waves-float waves-light" id="kmd_wallet_header_button" data-toggle="dropdown" aria-expanded="false" style="display: none;"><i class="icon md-plus" aria-hidden="true"></i></button>
<ul class="dropdown-menu animate dropdown-menu-right" aria-labelledby="kmd_wallet_header_button" role="menu" style="">
<li role="presentation"><a href="javascript:void(0)" role="menuitem" id="btn_kmd_wallet_dashboard">Dashboard</a></li>
<li role="presentation"><a href="javascript:void(0)" role="menuitem" id="btn_kmd_wallet_send">Send</a></li>
<li role="presentation"><a href="javascript:void(0)" role="menuitem" id="btn_kmd_wallet_recieve">Recieve</a></li>
<li role="presentation"><a href="javascript:void(0)" role="menuitem" id="btn_kmd_wallet_transactions">Transactions</a></li>
<li role="presentation"><a href="javascript:void(0)" role="menuitem" id="btn_kmd_wallet_pax">PAX</a></li>
<li class="divider" role="presentation"></li>
<li role="presentation"><a href="javascript:void(0)" role="menuitem">Settings</a></li>
</ul>
<div class="row no-space width-350 hidden-xs" id="easydex_btc_btcd_balances_header">
<div class="col-xs-6">
<div class="counter">
<span class="font-weight-medium" data-currency="BTC" id="header_coinname_balance"> - BTC</span>
@ -588,8 +598,119 @@
<!-- BEGIN KOMODO WALLET CONTENT BODY -->
<div class="page-content" id="section-komodo">
<h2>Komodo Wallet</h2>
<p>Page content goes here</p>
<div class="row" id="komodo-wallet" data-plugin="masonry">
<div class="col-xs-12">
<div class="col-lg-4 col-xs-12">
<!-- KMD Transparent Balance Widget-->
<div class="widget widget-shadow" id="widgetLineareaOne">
<div class="widget-content white bg-yellow-800">
<div class="padding-20 padding-top-10">
<div class="clearfix">
<div class="pull-left padding-vertical-10">
<i class="icon fa-eye font-size-24 vertical-align-bottom margin-right-5"></i>Transparent Balance
</div>
<span class="pull-right font-size-30" id="kmd_transparent_balance">1253</span>
</div>
</div>
</div>
</div>
<!-- End KMD Transparent Balance Widget -->
</div>
<div class="col-lg-4 col-xs-12">
<!-- KMD Private (Z) Balance Widget-->
<div class="widget widget-shadow" id="widgetLineareaOne">
<div class="widget-content white bg-blue-grey-800">
<div class="padding-20 padding-top-10">
<div class="clearfix">
<div class="pull-left padding-vertical-10">
<i class="icon fa-eye-slash font-size-24 vertical-align-bottom margin-right-5"></i>Private (Z) Balance
</div>
<span class="pull-right font-size-30" id="kmd_private_balance">1253</span>
</div>
</div>
</div>
</div>
<!-- End KMD Private (Z) Balance Widget -->
</div>
<div class="col-lg-4 col-xs-12">
<!-- KMD Total (Z+T) Balance Widget-->
<div class="widget widget-shadow" id="widgetLineareaOne">
<div class="widget-content white bg-green-600">
<div class="padding-20 padding-top-10">
<div class="clearfix">
<div class="pull-left padding-vertical-10">
<i class="icon fa-bullseye font-size-24 vertical-align-bottom margin-right-5"></i>Total (Z+T) Balance
</div>
<span class="pull-right font-size-30" id="kmd_total_tz_balance">1,253</span>
</div>
</div>
</div>
</div>
<!-- End KMD Total (Z+T) Balance Widget -->
</div>
</div>
<div class="col-xs-12">
<!-- Iguana Wallet Settings Box Tab -->
<div class="panel nav-tabs-horizontal">
<!-- KMD Wallet Dashboard -->
<div id="kmd_wallet_dashoard_section">
<div class="col-xlg-6 col-md-4">
<!-- Panel Wallet Info -->
<div class="panel" id="projects">
<div class="panel-heading">
<h3 class="panel-title">Wallet Info</h3>
</div>
<div class="table-responsive">
<table class="table table-striped">
<tbody>
<tr><td>Wallet Version</td><td><span id="kmd_walletversion"></span></td></tr>
<tr><td>Balance</td><td><span id="kmd_balance"></span></td></tr>
<tr><td>Unconfirmed Balance</td><td><span id="kmd_unconfirmed_balance"></span></td></tr>
<tr><td>Immature Balance</td><td><span id="kmd_immature_balance"></span></td></tr>
<tr><td>Total Transactions Count</td><td><span id="KMDTotalTransactionsCount"></span></td></tr>
</tbody>
</table>
</div>
</div>
<!-- End Panel Wallet Info -->
</div>
<div class="col-xlg-6 col-md-8">
<!-- Panel getinfo -->
<div class="panel" id="projects">
<div class="panel-heading">
<h3 class="panel-title">Komodo Info</h3>
</div>
<div class="table-responsive">
<table class="table table-striped">
<tbody>
<tr><td>Version</td><td><span id="kmd_version"></span></td></tr>
<tr><td>Protocol Version</td><td><span id="kmd_protocolversion"></span></td></tr>
<tr><td>Notarized</td><td><span id="kmd_notarized"></span></td></tr>
<tr><td>Notarized Hash</td><td><span id="kmd_notarizedhash"></span></td></tr>
<tr><td>Notarized BTC</td><td><span id="kmd_notarizedbtc"></span></td></tr>
<tr><td>Blocks</td><td><span id="kmd_blocks"></span></td></tr>
<tr><td>Connections</td><td><span id="kmd_connections"></span></td></tr>
<tr><td>Difficulty</td><td><span id="kmd_difficulty"></span></td></tr>
<tr><td>Testnet</td><td><span id="kmd_testnet"></span></td></tr>
<tr><td>Pay Transaction Fee</td><td><span id="kmd_paytxfee"></span></td></tr>
<tr><td>Relay Fee</td><td><span id="kmd_relayfee"></span></td></tr>
<tr><td>Errors</td><td><span id="kmd_errors"></span></td></tr>
</tbody>
</table>
</div>
</div>
<!-- End Panel getinfo -->
</div>
</div>
<!-- End KMD Wallet Dashboard -->
</div>
<!-- End Iguana Wallet Settings Box Tab -->
</div>
</div>
</div>
<!-- END KOMODO WALLET CONTENT BODY -->
@ -880,6 +1001,11 @@
<script src="assets/scripts/sidebar.js"></script>
<script src="assets/scripts/walletsettings.js"></script>
<script src="assets/scripts/atomicexplorer.js"></script>
<!-- KMD Wallet Scripts -->
<script src="assets/scripts/kmd_wallet_dashboard.js"></script>
<!-- End KMD Wallet Scripts -->
<script>
(function(document, window, $) {
'use strict';

Loading…
Cancel
Save