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

Wallet settings page changed a bit in design with some sections html/css change

master
Satinder Grewal 8 years ago
parent
176be7d9fe
commit
eade9199ce
4 changed files with 212 additions and 136 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. 4
      assets/css/dashboard.css
  2. 26
      assets/scripts/kmd_wallet_dashboard.js
  3. 5
      assets/scripts/sidebar.js
  4. 313
      index.html

4
assets/css/dashboard.css
View File

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

26
assets/scripts/kmd_wallet_dashboard.js
View File

@ -283,7 +283,8 @@ jQuery(document).ready(function() {
if ( sessionStorage.getItem('edexTmpMode') !== null || sessionStorage.getItem('edexTmpMode') === "Native") {
if ( sessionStorage.getItem('edexTmpRefresh') === null || sessionStorage.getItem('edexTmpRefresh') === "start") {
//console.log('it is not COIN. '+'It is: ' + $('[data-data-extcoin]').attr("data-data-extcoin"));
$( "#btn_kmd_wallet_dashboard" ).trigger( "click" );
var action_btn_code = getHeaderActionMenuButtonCoinCode();
$( '#btn_'+action_btn_code+'_wallet_dashboard' ).trigger( "click" );
}
}
}
@ -380,7 +381,7 @@ function getTotalKMDBalance() {
//console.log(AjaxOutputData);
if (AjaxOutputData.interest != undefined) {
console.log('show interest..');
$('#kmd_total_interest_balance').text(AjaxOutputData.interest+' '+extcoin);
$('#kmd_total_interest_balance').text(parseFloat(AjaxOutputData.interest).toFixed(8)+' '+extcoin);
$('#kmd_widget_get_total_balance_i').show();
$('#kmd_widget_get_total_balance_t').addClass(' col-lg-3');
$('#kmd_widget_get_total_balance_t').removeClass('col-lg-4');
@ -398,9 +399,9 @@ function getTotalKMDBalance() {
$('#kmd_widget_get_total_balance_tzi').addClass(' col-lg-4');
$('#kmd_widget_get_total_balance_tzi').removeClass(' col-lg-3');
}
$('#kmd_transparent_balance').text(AjaxOutputData.transparent+' '+extcoin);
$('#kmd_private_balance').text(AjaxOutputData.private+' '+extcoin);
$('#kmd_total_tz_balance').text(AjaxOutputData.total+' '+extcoin);
$('#kmd_transparent_balance').text(parseFloat(AjaxOutputData.transparent).toFixed(8)+' '+extcoin);
$('#kmd_private_balance').text(parseFloat(AjaxOutputData.private).toFixed(8)+' '+extcoin);
$('#kmd_total_tz_balance').text(parseFloat(AjaxOutputData.total).toFixed(8)+' '+extcoin);
},
error: function(xhr, textStatus, error) {
console.log('failed getting Coin History.');
@ -699,7 +700,7 @@ function KMDGetPublicTransactions() {
success: function(data, textStatus, jqXHR) {
var AjaxOutputData = JSON.parse(data); //Ajax output gets the whole list of unspent coin with addresses
//console.log('== Data OutPut of listtransactions ==');
//console.log(AjaxOutputData);
console.log(AjaxOutputData);
$.each(AjaxOutputData, function(index, value) {
//console.log(value);
@ -778,11 +779,15 @@ function KMDGetProtectedTransactions() {
//console.log(AjaxOutputData);
$.each(AjaxOutputData, function(index, txidvalue) {
//console.log(txidvalue);
console.log(txidvalue);
var tmp_category = '<i class="icon fa-arrow-circle-right"></i> IN';
var tmp_addr = value.addr.slice(0, 30)+'...';
var tmp_amount = txidvalue.amount;
if(!("amount" in txidvalue)) {
var tmp_amount = 0;
} else {
var tmp_amount = txidvalue.amount;
}
var tmp_addr_txid_info = KMDGetTransactionIDInfo(AjaxOutputData[index].txid);
//console.log(tmp_addr_txid_info);
var tmp_confirmations = tmp_addr_txid_info[0].confirmations;
@ -822,8 +827,9 @@ function KMDfillTxHistoryT() {
});
NProgress.start();
var txhistorydataT = KMDGetPublicTransactions();
var txhistorydataZ = KMDGetProtectedTransactions();
var txhistorydata = $.merge( txhistorydataT, txhistorydataZ );
//var txhistorydataZ = KMDGetProtectedTransactions();
//var txhistorydata = $.merge( txhistorydataT, txhistorydataZ );
var txhistorydata = txhistorydataT;
//console.log(txhistorydata);
var kmd_txhistory_table = '';

5
assets/scripts/sidebar.js
View File

@ -163,6 +163,7 @@ $('#nav-iguana-atomic-explorer').on('click', function() {
removeZECWalletStyle();
CommonSidebarActionsSet02();
removeDashboardStyle();
$('#easydex-header-div').hide();
});
$('#nav-iguana-wallet-settings').on('click', function() {
@ -181,12 +182,13 @@ $('#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();
removeZECWalletStyle();
Settings_ShowWalletInfo(); //Execute this function from walletsettings.js file
CommonSidebarActionsSet02();
removeDashboardStyle();
$('#easydex-header-div').hide();
});
$('#nav-about-iguana').on('click', function() {
@ -210,6 +212,7 @@ $('#nav-about-iguana').on('click', function() {
removeZECWalletStyle();
CommonSidebarActionsSet02();
removeDashboardStyle();
$('#easydex-header-div').hide();
});

313
index.html
View File

@ -211,7 +211,7 @@
<!-- BEGIN Login Page -->
<div id="wallet-login">
<div class="page animsition vertical-align text-center" data-animsition-in="fade-in"
data-animsition-out="fade-out">>
data-animsition-out="fade-out">
<div class="page-content vertical-align-middle">
<div class="brand">
<img class="brand-img" src="assets/images/easydex-logo-big.png" alt="SuperNET Iguana">
@ -1579,9 +1579,11 @@
<!-- END ZCASH WALLET CONTENT BODY -->
<!-- BEGIN ATOMIC EXPLORER SETTINGS CONTENT BODY -->
<div class="page animsition" data-animsition-in="fade-in" data-animsition-out="fade-out" style="margin-left: 0px;">
<div class="page-content" id="section-iguana-atomic-explorer">
<div class="row" id="atomic-explorer" data-plugin="masonry">
<div class="col-xlg-12 col-md-12">
<h4 class="font-size-14 text-uppercase">Atomic Explorer</h4>
<!-- Atomic Expolrer Tab -->
<div class="panel panel-bordered">
<!--<div class="panel-heading">
@ -1669,159 +1671,224 @@
</div>
</div>
</div>
</div>
<!-- END ATOMIC EXPLORER SETTINGS CONTENT BODY -->
<!-- BEGIN IGUANA WALLET SETTINGS CONTENT BODY -->
<div class="page animsition" data-animsition-in="fade-in" data-animsition-out="fade-out" style="margin-left: 0px;">
<div class="page-content" id="section-iguana-wallet-settings">
<div class="row" id="iguana-wallet-settings" data-plugin="masonry">
<div class="col-xlg-12 col-md-12">
<!-- Iguana Wallet Settings Box Tab -->
<div class="panel nav-tabs-horizontal">
<!--<div class="panel-heading">
<h3 class="panel-title">Wallet Settings</h3>
</div>-->
<ul class="nav nav-tabs nav-tabs-line" data-plugin="nav-tabs" role="tablist">
<li class="active" role="presentation"><a data-toggle="tab" href="#WalletInfo" aria-controls="WalletInfo" role="tab"><i class="icon md-balance-wallet" aria-hidden="true"></i>Wallet Info</a></li>
<li role="presentation"><a data-toggle="tab" href="#AddNodeforCoin" aria-controls="AddNodeforCoin" role="tab"><i class="icon md-plus-square" aria-hidden="true"></i>Add Node</a></li>
<li role="presentation"><a data-toggle="tab" href="#DumpWallet" aria-controls="DumpWallet" role="tab"><i class="icon wb-briefcase" aria-hidden="true"></i>Wallet Backup</a></li>
<li role="presentation"><a data-toggle="tab" href="#GetPrivKey" aria-controls="GetPrivKey" role="tab"><i class="icon md-key" aria-hidden="true"></i>Export Keys</a></li>
<li role="presentation"><a data-toggle="tab" href="#FiatCurrencySettings" aria-controls="FiatCurrencySettings" role="tab"><i class="icon fa-money" aria-hidden="true"></i>Fiat Currency</a></li>
</ul>
<div class="panel-body">
<div class="tab-content">
<div class="tab-pane active" id="WalletInfo" role="tabpanel">
<table class="table" id="wallet-info-table">
<thead>
<tr><th width="10%">Key</th><th>Value</th></tr>
</thead>
<tbody>
<tr><td style="font-weight: bold;">pubkey</td><td><div id="winfo_pubkey_value"></div></td></tr>
<tr><td style="font-weight: bold;">btcpubkey</td><td><div id="winfo_btcpubkey_value"></div></td></tr>
<tr><td style="font-weight: bold;">rmd160</td><td><div id="winfo_rmd160_value"></div></td></tr>
<tr><td style="font-weight: bold;">NXT</td><td><div id="winfo_NXT_value"></div></td></tr>
<tr><td style="font-weight: bold;">notary</td><td><div id="winfo_notary_value"></div></td></tr>
<tr><td style="font-weight: bold;">status</td><td><div id="winfo_status_value"></div></td></tr>
<!--<tr><td style="font-weight: bold;">duration</td><td><div id="winfo_duration_value"></div></td></tr>-->
</tbody>
</table>
</div>
<div class="tab-pane" id="AddNodeforCoin" role="tabpanel">
<div class="row">
<div class="col-sm-6">
<div class="col-sm-12"><p>Use this section to check if the node IP you wish to add is allready active as peer of your coin:</p></div>
<div class="col-sm-8 col-xs-12">
<div class="form-group">
<select class="form-control form-material" id="settings_select_coin_options">
<option>-Select Coin-</option>
<option value="BTC">Bitcoin</option>
<option value="BTCD">BitcoinDark</option>
<option value="LTC">Litecoin</option>
<option value="DOGE">Dogecoin</option>
<option value="DGB">Digibyte</option>
<option value="SYS">SysCoin</option>
<option value="MZC">MazaCoin</option>
<option value="UNO">Unobtanium</option>
<option value="ZET">Zetacoin</option>
<option value="KMD">Komodo</option>
<option value="BTM">Bitmark</option>
<option value="CARB">Carboncoin</option>
<option value="ANC">AnonCoin</option>
<option value="FRK">Franko</option>
<option value="SUPERNET">SUPERNET</option>
<option value="REVS">REVS</option>
<option value="USD">USD</option>
</select>
</div>
</div>
<div class="col-sm-4 col-xs-12" style="text-align: center;">
<button type="button" class="btn btn-primary waves-effect waves-light" data-toggle="modal" data-dismiss="modal" id="settings_getcoinpeers_btn" onclick="Settings_ShowCoinPeers()">Check Nodes</button>
</div>
<div class="col-sm-12">
<h5>SuperNET Peers: <span id="coin_supernetpeers_h"></span></h5>
<p id="coin_supernetpeers"></p>
<h5>Raw Peers: <span id="coin_rawpeers_h"></span></h5>
<p id="coin_rawpeers"></p>
<!-- Iguana Wallet Settings Box -->
<div class="row" id="iguana-wallet-settings" data-plugin="masonry">
<div class="col-xlg-12 col-md-12">
<h4 class="font-size-14 text-uppercase">Wallet Settings</h4>
<div class="panel-group" id="SettingsAccordion" aria-multiselectable="true"
role="tablist">
<div class="panel">
<div class="panel-heading" id="WalletInfo" role="tab">
<a class="panel-title" data-toggle="collapse" href="#WalletInfoTab"
data-parent="#SettingsAccordion" aria-expanded="true"
aria-controls="WalletInfoTab">
<i class="icon md-balance-wallet" aria-hidden="true"></i>Wallet Info
</a>
</div>
<div class="panel-collapse collapse in" id="WalletInfoTab" aria-labelledby="WalletInfo"
role="tabpanel">
<div class="panel-body">
<table class="table" id="wallet-info-table">
<thead>
<tr><th width="10%">Key</th><th>Value</th></tr>
</thead>
<tbody>
<tr><td style="font-weight: bold;">pubkey</td><td><div id="winfo_pubkey_value"></div></td></tr>
<tr><td style="font-weight: bold;">btcpubkey</td><td><div id="winfo_btcpubkey_value"></div></td></tr>
<tr><td style="font-weight: bold;">rmd160</td><td><div id="winfo_rmd160_value"></div></td></tr>
<tr><td style="font-weight: bold;">NXT</td><td><div id="winfo_NXT_value"></div></td></tr>
<tr><td style="font-weight: bold;">notary</td><td><div id="winfo_notary_value"></div></td></tr>
<tr><td style="font-weight: bold;">status</td><td><div id="winfo_status_value"></div></td></tr>
<!--<tr><td style="font-weight: bold;">duration</td><td><div id="winfo_duration_value"></div></td></tr>-->
</tbody>
</table>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="col-sm-12"><p>Use this section to add a peer IP to a selected coin:</p></div>
<div class="col-sm-8 col-xs-12">
<div class="form-group">
<select class="form-control form-material" id="settings_select_coin_addpeer_options">
<option>-Select Coin-</option>
<option value="BTC">Bitcoin</option>
<option value="BTCD">BitcoinDark</option>
<option value="LTC">Litecoin</option>
<option value="DOGE">Dogecoin</option>
<option value="DGB">Digibyte</option>
<option value="SYS">SysCoin</option>
<option value="MZC">MazaCoin</option>
<option value="UNO">Unobtanium</option>
<option value="ZET">Zetacoin</option>
<option value="KMD">Komodo</option>
<option value="BTM">Bitmark</option>
<option value="CARB">Carboncoin</option>
<option value="ANC">AnonCoin</option>
<option value="FRK">Franko</option>
<option value="SUPERNET">SUPERNET</option>
<option value="REVS">REVS</option>
<option value="USD">USD</option>
</select>
</div>
<div class="form-group">
<input type="text" class="form-control" id="settings_add_peer_ip" name="settings_add_peer_ip" placeholder="Add Peer IP">
</div>
</div>
<div class="col-sm-4 col-xs-12" style="text-align: center;">
<button type="button" class="btn btn-primary waves-effect waves-light" data-toggle="modal" data-dismiss="modal" id="settings_addcoinpeers_btn" onclick="Settings_AddCoinPeers()">Add Node</button>
</div>
<div class="panel">
<div class="panel-heading" id="AddNodeforCoin" role="tab">
<a class="panel-title collapsed" data-toggle="collapse" href="#AddNodeforCoinTab"
data-parent="#SettingsAccordion" aria-expanded="false"
aria-controls="AddNodeforCoinTab">
<i class="icon md-plus-square" aria-hidden="true"></i>Add Node
</a>
</div>
<div class="panel-collapse collapse" id="AddNodeforCoinTab" aria-labelledby="AddNodeforCoin"
role="tabpanel">
<div class="panel-body">
<div class="row">
<div class="col-sm-6">
<div class="col-sm-12"><p>Use this section to check if the node IP you wish to add is allready active as peer of your coin:</p></div>
<div class="col-sm-8 col-xs-12">
<div class="form-group">
<select class="form-control form-material" id="settings_select_coin_options">
<option>-Select Coin-</option>
<option value="BTC">Bitcoin</option>
<option value="BTCD">BitcoinDark</option>
<option value="LTC">Litecoin</option>
<option value="DOGE">Dogecoin</option>
<option value="DGB">Digibyte</option>
<option value="SYS">SysCoin</option>
<option value="MZC">MazaCoin</option>
<option value="UNO">Unobtanium</option>
<option value="ZET">Zetacoin</option>
<option value="KMD">Komodo</option>
<option value="BTM">Bitmark</option>
<option value="CARB">Carboncoin</option>
<option value="ANC">AnonCoin</option>
<option value="FRK">Franko</option>
<option value="SUPERNET">SUPERNET</option>
<option value="REVS">REVS</option>
<option value="USD">USD</option>
</select>
</div>
</div>
<div class="col-sm-4 col-xs-12" style="text-align: center;">
<button type="button" class="btn btn-primary waves-effect waves-light" data-toggle="modal" data-dismiss="modal" id="settings_getcoinpeers_btn" onclick="Settings_ShowCoinPeers()">Check Nodes</button>
</div>
<div class="col-sm-12">
<h5>SuperNET Peers: <span id="coin_supernetpeers_h"></span></h5>
<p id="coin_supernetpeers"></p>
<h5>Raw Peers: <span id="coin_rawpeers_h"></span></h5>
<p id="coin_rawpeers"></p>
</div>
</div>
<div class="col-sm-6">
<div class="col-sm-12"><p>Use this section to add a peer IP to a selected coin:</p></div>
<div class="col-sm-8 col-xs-12">
<div class="form-group">
<select class="form-control form-material" id="settings_select_coin_addpeer_options">
<option>-Select Coin-</option>
<option value="BTC">Bitcoin</option>
<option value="BTCD">BitcoinDark</option>
<option value="LTC">Litecoin</option>
<option value="DOGE">Dogecoin</option>
<option value="DGB">Digibyte</option>
<option value="SYS">SysCoin</option>
<option value="MZC">MazaCoin</option>
<option value="UNO">Unobtanium</option>
<option value="ZET">Zetacoin</option>
<option value="KMD">Komodo</option>
<option value="BTM">Bitmark</option>
<option value="CARB">Carboncoin</option>
<option value="ANC">AnonCoin</option>
<option value="FRK">Franko</option>
<option value="SUPERNET">SUPERNET</option>
<option value="REVS">REVS</option>
<option value="USD">USD</option>
</select>
</div>
<div class="form-group">
<input type="text" class="form-control" id="settings_add_peer_ip" name="settings_add_peer_ip" placeholder="Add Peer IP">
</div>
</div>
<div class="col-sm-4 col-xs-12" style="text-align: center;">
<button type="button" class="btn btn-primary waves-effect waves-light" data-toggle="modal" data-dismiss="modal" id="settings_addcoinpeers_btn" onclick="Settings_AddCoinPeers()">Add Node</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="DumpWallet" role="tabpanel">
Wallet Backup section to be updated soon.
</div>
<div class="tab-pane" id="GetPrivKey" role="tabpanel">
<p>Only the active coin wallet wif keys will be shown here.<br>
If you don't see a wif key for the coin you are looking for please active it by adding it from EasyDEX Dashboard.<br>
You can use these wif keys to import to another coin wallets. <b><i>Please keep these keys extra safe and secure.</i></b></p>
<div class="col-sm-12"></div>
<form class="wifkeys-form" method="post" action="javascript:;" autocomplete="off" onsubmit="return false;">
<div class="form-group form-material floating">
<input type="password" class="form-control" name="wifkeys_passphrase" id="wifkeys_passphrase">
<label class="floating-label" for="wifkeys_passphrase">Passphrase</label>
<div class="panel">
<div class="panel-heading" id="DumpWallet" role="tab">
<a class="panel-title collapsed" data-toggle="collapse" href="#DumpWalletTab"
data-parent="#SettingsAccordion" aria-expanded="false"
aria-controls="DumpWalletTab">
<i class="icon wb-briefcase" aria-hidden="true"></i>Wallet Backup
</a>
</div>
<div class="panel-collapse collapse" id="DumpWalletTab" aria-labelledby="DumpWallet"
role="tabpanel">
<div class="panel-body">
Wallet Backup section to be updated soon.
</div>
<div class="col-sm-12 col-xs-12" style="text-align: center;">
<button type="submit" class="btn btn-primary waves-effect waves-light" data-toggle="modal" data-dismiss="modal" id="settings_getcoinpeers_btn">Get Wif Keys</button>
</div>
</div>
<div class="panel">
<div class="panel-heading" id="FiatCurrencySettings" role="tab">
<a class="panel-title collapsed" data-toggle="collapse" href="#FiatCurrencySettingsTab"
data-parent="#SettingsAccordion" aria-expanded="false"
aria-controls="FiatCurrencySettingsTab">
<i class="icon fa-money" aria-hidden="true"></i>Fiat Currency
</a>
</div>
<div class="panel-collapse collapse" id="FiatCurrencySettingsTab" aria-labelledby="FiatCurrencySettings"
role="tabpanel">
<div class="panel-body">
Fiat currency settings section to be updated soon.
</div>
</form>
</div>
</div>
<div class="col-sm-12" style="padding-top: 15px;">
<div class="row" id="wif-priv-keys" data-plugin="masonry">
<div class="panel">
<div class="panel-heading" id="ExportKeys" role="tab">
<a class="panel-title collapsed" data-toggle="collapse" href="#ExportKeysTab"
data-parent="#SettingsAccordion" aria-expanded="false"
aria-controls="ExportKeysTab">
<i class="icon md-key" aria-hidden="true"></i>Export Keys
</a>
</div>
<div class="panel-collapse collapse" id="ExportKeysTab" aria-labelledby="ExportKeys"
role="tabpanel">
<div class="panel-body">
<p>Only the active coin wallet wif keys will be shown here.<br>If you don't see a wif key for the coin you are looking for please active it by adding it from EasyDEX Dashboard.<br>You can use these wif keys to import to another coin wallets. <b><i>Please keep these keys extra safe and secure.</i></b></p>
<div class="col-sm-12"></div>
<form class="wifkeys-form" method="post" action="javascript:;" autocomplete="off" onsubmit="return false;">
<div class="form-group form-material floating">
<input type="password" class="form-control" name="wifkeys_passphrase" id="wifkeys_passphrase">
<label class="floating-label" for="wifkeys_passphrase">Passphrase</label>
</div>
<div class="col-sm-12 col-xs-12" style="text-align: center;">
<button type="submit" class="btn btn-primary waves-effect waves-light" data-toggle="modal" data-dismiss="modal" id="settings_getcoinpeers_btn">Get Wif Keys</button>
</div>
</form>
<div class="col-sm-12" style="padding-top: 15px;">
<div class="row" id="wif-priv-keys" data-plugin="masonry">
</div>
</div>
</div>
</div>
<div class="tab-pane" id="FiatCurrencySettings" role="tabpanel">
Fiat currency settings section to be updated soon.
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Iguana Wallet Settings Box Tab -->
<!-- End Iguana Wallet Settings Box -->
</div>
</div>
</div>
</div>
<!-- END IGUANA WALLET SETTINGS CONTENT BODY -->
<!-- BEGIN ABOUT SUPERNET IGUANA CONTENT BODY -->
<div class="page animsition" data-animsition-in="fade-in" data-animsition-out="fade-out" style="margin-left: 0px;">
<div class="page-content" id="section-about-iguana">
<h2>About Iguana</h2>
<p>Page content goes here</p>
</div>
</div>
<!-- END ABOUT SUPERNET IGUANA CONTENT BODY -->

Write Preview
Loading…
Cancel
Save