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

Komodo send coins form update, opid status js code added

master
Satinder Grewal 8 years ago
parent
3ea8b02b20
commit
0d083415d8
3 changed files with 237 additions and 39 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      assets/css/dashboard.css
  2. 171
      assets/scripts/kmd_wallet_dashboard.js
  3. 103
      index.html

2
assets/css/dashboard.css
View File

@ -18,7 +18,7 @@
box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.32); box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.32);
} }
#section-iguana-wallet-settings, #section-iguana-atomic-explorer, #section-komodo { #section-iguana-wallet-settings, #section-iguana-atomic-explorer, #section-extcoin {
padding-top: 0; padding-top: 0;
} }

171
assets/scripts/kmd_wallet_dashboard.js
View File

@ -57,33 +57,100 @@ var KMDWalletDashboard = function() {
var sum_val1 = parseFloat($('#kmd_wallet_amount').val()) var sum_val1 = parseFloat($('#kmd_wallet_amount').val())
var sum_val2 = parseFloat($('#kmd_wallet_fee').val()) var sum_val2 = parseFloat($('#kmd_wallet_fee').val())
var total_minus_currency_fee = sum_val1 - sum_val2; var total_minus_currency_fee = sum_val1 - sum_val2;
var mdl_send_btn = $('#kmd_wallet_send_btn'); var mdl_send_btn = $('#kmd_wallet_send_coins_btn');
//console.log($('#kmd_wallet_amount').val()); //console.log($('#kmd_wallet_amount').val());
$('#kmd_wallet_total_value').text(total_minus_currency_fee.toFixed(8)); $('#kmd_wallet_total_value').text(total_minus_currency_fee.toFixed(8));
if ($('#kmd_wallet_amount').val() != '' && $('#kmd_wallet_sendto') != '' && $('#kmd_wallet_fee') != '' ) { if ($('#kmd_wallet_send_from').val() != '- Select Transparent or Private KMD Address -' && $('#kmd_wallet_amount').val() != '' && $('#kmd_wallet_sendto') != '' && $('#kmd_wallet_fee') != '' ) {
mdl_send_btn.removeClass('disabled'); mdl_send_btn.removeClass('disabled');
mdl_send_btn.attr('data-dismiss','modal'); //mdl_send_btn.attr('data-dismiss','modal');
mdl_send_btn.attr('data-target','#SendCoinModelStep2'); //mdl_send_btn.attr('data-target','#SendCoinModelStep2');
mdl_send_btn.attr('onclick','ConfirmsendCurrency($(this).data())')
} else { } else {
mdl_send_btn.addClass('disabled'); mdl_send_btn.addClass('disabled');
mdl_send_btn.removeAttr('data-dismiss'); mdl_send_btn.removeAttr('data-dismiss');
mdl_send_btn.removeAttr('data-target'); mdl_send_btn.removeAttr('data-target');
mdl_send_btn.removeAttr('onclick');
} }
}); });
$('#kmd_wallet_send_coins_btn').click(function() { $('#kmd_wallet_fee').keyup(function() {
console.log('send button clicked in form...') var sum_val1 = parseFloat($('#kmd_wallet_amount').val())
}); var sum_val2 = parseFloat($('#kmd_wallet_fee').val())
var total_minus_currency_fee = sum_val1 - sum_val2;
var mdl_send_btn = $('#kmd_wallet_send_coins_btn');
//console.log($('#kmd_wallet_amount').val());
$('#kmd_wallet_total_value').text(total_minus_currency_fee.toFixed(8));
if ($('#kmd_wallet_send_from').val() != '- Select Transparent or Private KMD Address -' && $('#kmd_wallet_amount').val() != '' && $('#kmd_wallet_sendto') != '' && $('#kmd_wallet_fee') != '' ) {
mdl_send_btn.removeClass('disabled');
//mdl_send_btn.attr('data-dismiss','modal');
//mdl_send_btn.attr('data-target','#SendCoinModelStep2');
} else {
mdl_send_btn.addClass('disabled');
mdl_send_btn.removeAttr('data-dismiss');
mdl_send_btn.removeAttr('data-target');
}
});
/*$('.md-refresh-alt').click(function() { /*$('#kmd_wallet_send_coins_btn').click(function() {
if ( $(this).data('load-callback') === 'KMDSendScreenRefreshCallback' ) { console.log('send button clicked in form...')
//handle_KMD_Send();
}
});*/ });*/
$('.extcoin-send-form').validate({
//errorElement: 'span', //default input error message container
//errorClass: 'help-block', // default input error message class
//focusInvalid: false, // do not focus the last invalid input
rules: {
kmd_wallet_send_from: {
required: true
},
kmd_wallet_sendto: {
required: true
},
kmd_wallet_amount: {
required: true
},
kmd_wallet_fee: {
required: true
},
kmd_wallet_total_value: {
required: true
}
},
messages: {
kmd_wallet_send_from: {
required: "From Address is required."
},
kmd_wallet_sendto: {
required: "To Address is required."
},
kmd_wallet_amount: {
required: "Please enter KMD amount to send."
},
kmd_wallet_fee: {
required: "Make sure you have fee entered. Default value is 0.0001 KMD."
},
kmd_wallet_total_value: {
required: "Make sure you have both amount and fee entered to calculate final total."
}
},
submitHandler: function(form) {
console.log('send sent control here after clicked in form...');
}
});
$('.extcoin-send-form #kmd_wallet_send_coins_btn').keypress(function(e) {
//console.log('send button clicked in form...');
if (e.which == 13) {
if ($('.extcoin-send-form').validate().form()) {
$('.extcoin-send-form').submit(); //form validation success, call ajax form submit
}
return false;
}
});
} }
var KMDGetTXIDdetails = function() { var KMDGetTXIDdetails = function() {
@ -796,4 +863,82 @@ function KMDGetTransactionIDInfo(txid) {
}); });
//console.log(result); //console.log(result);
return result; return result;
}
function KMDGetOPIDInfo(opid) {
var result = [];
var tmpopid_output = '';
if ( opid === undefined ) {
tmpopid_output = '';
} else {
var ajax_data_to_hex = '["'+ opid +'"]'
var tmpopid_output = Iguana_HashHex(ajax_data_to_hex)
//console.log(tmpopid_output);
}
var ajax_data_txid_input = {"agent":"komodo","method":"passthru","function":"z_getoperationstatus","hex":tmpopid_output}
//console.log(ajax_data_txid_input);
$.ajax({
async: false,
type: 'POST',
data: JSON.stringify(ajax_data_txid_input),
url: 'http://127.0.0.1:7778',
//dataType: 'text',
success: function(data, textStatus, jqXHR) {
var AjaxOutputData = JSON.parse(data);
//console.log('== Data OutPut of z_getoperationstatus ==');
//console.log(value);
//console.log(AjaxOutputData);
result.push(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);
}
});
//console.log(result);
return result;
}
function KMDListAllOPIDs() {
NProgress.done(true);
NProgress.configure({
template: '<div class="bar nprogress-bar-header nprogress-bar-info" role="bar"></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'
});
NProgress.start();
var only_reciving_addr_data = [];
var listOPIDs = KMDGetOPIDInfo();
$.each(listOPIDs, function(index, value) {
tmp_addr_label = '<span class="label label-default"><i class="icon fa-eye"></i> public</span>';
if ( listAlladdr[index].slice(0, 2) == 'zc' ) { tmp_addr_label = '<span class="label label-dark"><i class="icon fa-eye-slash"></i> private</span>'; }
//var tmp_addr_action_button = '<button></button>';
only_reciving_addr_data.push([tmp_addr_label, listAlladdr[index]]);
});
//console.log(only_reciving_addr_data);
var kmd_recieve_table = '';
kmd_recieve_table = $('#kmd-recieve-addr-tbl').DataTable( { data: only_reciving_addr_data,
select: false,
retrieve: true
});
kmd_recieve_table.destroy();
kmd_recieve_table = $('#kmd-recieve-addr-tbl').DataTable( { data: only_reciving_addr_data,
select: false,
retrieve: true
});
NProgress.done();
return only_reciving_addr_data;
} }

103
index.html
View File

@ -798,39 +798,92 @@
</div>--> </div>-->
</div> </div>
<div class="panel-body container-fluid"> <div class="panel-body container-fluid">
<div class="row"> <form class="extcoin-send-form" data-extcoin="COIN" method="post" role="form" autocomplete="off" onsubmit="return false;">
<div class="col-xlg-12 form-group form-material"> <div class="row">
<label class="control-label" data-extcoin="COIN" for="kmd_wallet_send_from">Send From</label> <div class="col-xlg-12 form-group form-material">
<select class="form-control form-material showkmdwalletaddrs show-tick" data-extcoin="COIN" id="kmd_wallet_send_from" title="Select Transparent or Private KMD Address" data-size="5"> <label class="control-label" data-extcoin="COIN" for="kmd_wallet_send_from">Send From</label>
</select> <select class="form-control form-material showkmdwalletaddrs show-tick" data-extcoin="COIN" id="kmd_wallet_send_from" title="Select Transparent or Private KMD Address" data-size="5">
</div> </select>
<div class="col-xlg-12 form-group form-material"> </div>
<label class="control-label" data-extcoin="COIN" for="kmd_wallet_sendto">Send To</label> <div class="col-xlg-12 form-group form-material">
<input type="text" class="form-control" data-extcoin="COIN" id="kmd_wallet_sendto" name="kmd_wallet_sendto" placeholder="Enter Transparent or Private KMD address" autocomplete="off" required/> <label class="control-label" data-extcoin="COIN" for="kmd_wallet_sendto">Send To</label>
</div> <input type="text" class="form-control" data-extcoin="COIN" id="kmd_wallet_sendto" name="kmd_wallet_sendto" placeholder="Enter Transparent or Private KMD address" autocomplete="off" required/>
<div class="col-lg-6 form-group form-material"> </div>
<label class="control-label" for="kmd_wallet_amount" data-extcoin="COIN" id="kmd_wallet_amount_label">KMD</label> <div class="col-lg-6 form-group form-material">
<input type="text" class="form-control" data-extcoin="COIN" id="kmd_wallet_amount" name="kmd_wallet_amount" placeholder="0.000" autocomplete="off"/> <label class="control-label" for="kmd_wallet_amount" data-extcoin="COIN" id="kmd_wallet_amount_label">KMD</label>
</div> <input type="text" class="form-control" data-extcoin="COIN" id="kmd_wallet_amount" name="kmd_wallet_amount" placeholder="0.000" autocomplete="off"/>
<div class="col-lg-6 form-group form-material"> </div>
<label class="control-label" data-extcoin="COIN" for="kmd_wallet_fee">Fee</label> <div class="col-lg-6 form-group form-material">
<input type="text" class="form-control" data-extcoin="COIN" id="kmd_wallet_fee" name="kmd_wallet_fee" placeholder="0.000" value="0.0001" autocomplete="off"/> <label class="control-label" data-extcoin="COIN" for="kmd_wallet_fee">Fee</label>
</div> <input type="text" class="form-control" data-extcoin="COIN" id="kmd_wallet_fee" name="kmd_wallet_fee" placeholder="0.000" value="0.0001" autocomplete="off"/>
<div class="col-lg-12"> </div>
<span data-extcoin="KMD"><b>Total (KMD - txfee):</b> <div class="col-lg-12">
<span data-extcoin="COIN" id="kmd_wallet_total_value">0.000</span> <span data-extcoin="COIN" id="kmd_wallet_total_coinname">KMD</span> <span data-extcoin="KMD"><b>Total (KMD - txfee):</b> <span data-extcoin="COIN" id="kmd_wallet_total_value">0.000</span> <span data-extcoin="COIN" id="kmd_wallet_total_coinname">KMD</span></span>
</div> </div>
<div class="col-lg-12"> <div class="col-lg-12">
<button type="button" class="pull-right btn white bg-yellow-800" data-toggle="modal" data-dismiss="modal" data-extcoin="COIN" id="kmd_wallet_send_coins_btn">Send</button> <button type="submit" class="btn btn-primary waves-effect waves-light pull-right" data-toggle="modal" id="kmd_wallet_send_coins_btn">Send KMD</button>
</div>
</div> </div>
</div> </div>
</div> </form>
</div> </div>
<!-- End Panel getinfo --> <!-- End Panel getinfo -->
</div> </div>
<div class="col-xs-12">
<!-- Komodo Wallet send opid status tab -->
<div class="row">
<div class="panel nav-tabs-horizontal">
<!-- KMD opid status -->
<div data-extcoin="COIN" id="kmd_wallet_recieve_section">
<div class="col-xlg-12 col-lg-12 col-sm-12 col-xs-12">
<!-- Panel FixedHeader -->
<div class="panel">
<header class="panel-heading">
<h3 class="panel-title">
Operations Statuses
</h3>
</header>
<div class="panel-body">
<!--<p>Recieving addresses info goes here...</p>-->
<table class="table table-hover dataTable table-striped" data-extcoin="COIN" id="kmd-recieve-addr-tbl">
<thead>
<tr>
<th>Status</th>
<th>ID</th>
<th>creation_time</th>
<th>Result</th>
<th>Execution Secs</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Status</th>
<th>ID</th>
<th>creation_time</th>
<th>Result</th>
<th>Execution Secs</th>
</tr>
</tfoot>
</table>
</div>
</div>
<!-- End Panel FixedHeader -->
</div>
</div>
<!-- End KMD opid status -->
</div>
</div>
<!-- End Komodo Wallet send opid status tab -->
</div>
</div> </div>
<div data-extcoin="COIN" id="kmd_wallet_settings" style="display: none;"> <div data-extcoin="COIN" id="kmd_wallet_settings" style="display: none;">

Write Preview
Loading…
Cancel
Save