From 7ef72dfb2f5972209299f023d0a77b80287ff4ee Mon Sep 17 00:00:00 2001
From: Satinder Grewal <satinder@Satinders-MacBook-Pro.local>
Date: Mon, 8 Aug 2016 01:50:37 +1200
Subject: [PATCH] Send Dialog update
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- history switched to dynamic
- send dialog box shows info from wallet widget, who’s send button was
clicked
- fee is dynamically picked from API for coin in Send dialog box
---
 assets/scripts/coinwallets.js | 47 +++++++++++++++++++++++++++++++++++
 assets/scripts/dashboard.js   | 13 +++++-----
 index.html                    | 29 +++++++++++----------
 3 files changed, 68 insertions(+), 21 deletions(-)

diff --git a/assets/scripts/coinwallets.js b/assets/scripts/coinwallets.js
index 56b4c9f..d653d06 100644
--- a/assets/scripts/coinwallets.js
+++ b/assets/scripts/coinwallets.js
@@ -10,5 +10,52 @@ $(document).ready(function() {
 // Functions =============================================================
 
 function sendCurrency(val) {
+	console.log(val);
+	$('#mdl_currency_coin').text(val.currency);
+	$('#mdl_currency_balance').text($('span[data-currency="' + val.currency + '"][id="currency-balance"]').text());
+	//console.log($('span[data-currency="' + val.currency + '"][id="currency-balance"]').text());
+	$('#mdl_currency_sendto').attr("placeholder", "Enter " + val.currency + " address");
+	$('#mdl_currency_amount_label').text(val.currency);
+	$('#mdl_currency_total_coinname').text(val.currency);
+
+	var getinfoValues = {"coin":val.currency,"agent":"bitcoinrpc","method":"getinfo"};
+	$.ajax({
+	    type: 'POST',
+	    data: JSON.stringify(getinfoValues),
+	    url: 'http://127.0.0.1:7778',
+	    //dataType: 'text',
+	    success: function(data, textStatus, jqXHR) {
+	        var CoinInfoData = JSON.parse(data);
+	        var label_color = '';
+	        var label_icon = '';
+	        var wallettblContent = '';
+	        //console.log('== Coin Info Data OutPut ==');
+	        //console.log(CoinInfoData.txfee);
+	        
+	        $('#mdl_currency_fee').val(CoinInfoData.txfee);
+	    },
+	    error: function(xhr, textStatus, error) {
+	        console.log('failed getting Coin History.');
+	        console.log(xhr.statusText);
+	        console.log(textStatus);
+	        console.log(error);
+	    }
+	});
 	
 }
+
+$('#mdl_currency_amount').keyup(function() {
+	var sum_val1 = parseFloat($('#mdl_currency_amount').val())
+	var sum_val2 = parseFloat($('#mdl_currency_fee').val())
+	var total_of_currency_fee = sum_val1 + sum_val2;
+	console.log($('#mdl_currency_amount').val());
+	$('#mdl_currency_total_value').text(total_of_currency_fee);
+});
+
+$('#mdl_currency_fee').keyup(function() {
+	var sum_val1 = parseFloat($('#mdl_currency_amount').val())
+	var sum_val2 = parseFloat($('#mdl_currency_fee').val())
+	var total_of_currency_fee = sum_val1 + sum_val2;
+	console.log($('#mdl_currency_amount').val());
+	$('#mdl_currency_total_value').text(total_of_currency_fee);
+});
\ No newline at end of file
diff --git a/assets/scripts/dashboard.js b/assets/scripts/dashboard.js
index 077c120..6baf49e 100644
--- a/assets/scripts/dashboard.js
+++ b/assets/scripts/dashboard.js
@@ -113,7 +113,7 @@ var Dashboard = function() {
                               walletDivContent += '<div class="row no-space ">';
                                 walletDivContent += '<div class="btn-group btn-group-justified">';
                                     walletDivContent += '<div class="btn-group" role="group">';
-                                      walletDivContent += '<button type="button" class="btn btn-xs bg-blue-grey-200 grey-800 waves-effect waves-light" data-currency="' + AllcoinsDataOutput[value][index] + '" id="currency-send" onclick="sendCurrency($(this).data())" data-target="#exampleMultipleOne" data-toggle="modal">';
+                                      walletDivContent += '<button type="button" class="btn btn-xs bg-blue-grey-200 grey-800 waves-effect waves-light" data-currency="' + AllcoinsDataOutput[value][index] + '" id="currency-send" onclick="sendCurrency($(this).data())" data-target="#SendCoinModelStep1" data-toggle="modal">';
                                         walletDivContent += '<i class="icon wb-upload" aria-hidden="true"></i>';
                                         walletDivContent += '<br>';
                                         walletDivContent += '<span class="text-uppercase hidden-xs">Send</span>';
@@ -191,8 +191,8 @@ var Dashboard = function() {
                                 var label_color = '';
                                 var label_icon = '';
                                 var wallettblContent = '';
-                                console.log('== Data OutPut ==');
-                                console.log(CoinHistoryData);
+                                //console.log('== Data OutPut ==');
+                                //console.log(CoinHistoryData);
 
 
                                 //var testhistory = {"result":"success","received":[{"address":"RCNL1GJuTVt88dgnuiwS7i51ztjYHpPKF2","amount":9.94390000,"numseconds":1410727,"details":{"txid":"e0330be4ec6f2fd27bc26c559524ccd808a589a0752e18618b358d288d62be3a","vout":1,"height":1195141,"relays":1}}, {"address":"RCNL1GJuTVt88dgnuiwS7i51ztjYHpPKF2","amount":0.89000000,"numseconds":1340168,"details":{"txid":"46b210cd0d505e88b738d1ca09595e33dc435f11d53e0516566deb0a9e0de5ba","vout":1,"height":1196389,"relays":1}}, {"address":"RCNL1GJuTVt88dgnuiwS7i51ztjYHpPKF2","amount":0.94590000,"numseconds":1340168,"details":{"txid":"67499f6ccefadf046e7e26b9a650f32b6dd472046356d79f35714f37482692d8","vout":1,"height":1196382,"relays":1}}, {"address":"RCNL1GJuTVt88dgnuiwS7i51ztjYHpPKF2","amount":0.87900000,"numseconds":1319872,"details":{"txid":"2426d9e0d3643706c0709af8e5342106633030b59ef738cb75d3c19aebe51a40","vout":1,"height":1196766,"relays":1}}, {"address":"RCNL1GJuTVt88dgnuiwS7i51ztjYHpPKF2","amount":0.97890000,"numseconds":1319871,"details":{"txid":"820b553726e055de46ee40652b86692be2c52fd561edf8a927ab012be46b4ed4","vout":1,"height":1196748,"relays":1}}],"sent":[{"address":"RCNL1GJuTVt88dgnuiwS7i51ztjYHpPKF2","amount":9.94390000,"numseconds":1410727,"details":{"txid":"e0330be4ec6f2fd27bc26c559524ccd808a589a0752e18618b358d288d62be3a","vout":1,"height":1195141,"relays":1}}, {"address":"RCNL1GJuTVt88dgnuiwS7i51ztjYHpPKF2","amount":0.89000000,"numseconds":1340168,"details":{"txid":"46b210cd0d505e88b738d1ca09595e33dc435f11d53e0516566deb0a9e0de5ba","vout":1,"height":1196389,"relays":1}}, {"address":"RCNL1GJuTVt88dgnuiwS7i51ztjYHpPKF2","amount":0.94590000,"numseconds":1340168,"details":{"txid":"67499f6ccefadf046e7e26b9a650f32b6dd472046356d79f35714f37482692d8","vout":1,"height":1196382,"relays":1}}, {"address":"RCNL1GJuTVt88dgnuiwS7i51ztjYHpPKF2","amount":0.87900000,"numseconds":1319872,"details":{"txid":"2426d9e0d3643706c0709af8e5342106633030b59ef738cb75d3c19aebe51a40","vout":1,"height":1196766,"relays":1}}, {"address":"RCNL1GJuTVt88dgnuiwS7i51ztjYHpPKF2","amount":0.97890000,"numseconds":1319871,"details":{"txid":"820b553726e055de46ee40652b86692be2c52fd561edf8a927ab012be46b4ed4","vout":1,"height":1196748,"relays":1}}],"coin":"BTCD","balance":13.63770000,"tag":"10703025980307863381"};
@@ -202,8 +202,8 @@ var Dashboard = function() {
 
                                 $('span[data-currency="' + AllcoinsDataOutput[value][index] + '"][id="currency-balance"]').text(CoinHistoryData.balance);
                                 
-                                //var show_coin_history = CoinHistoryData; //Enable to get history from each coins's wallet address.
-                                var show_coin_history = testhistory; //Enable to get history from just test variable.
+                                var show_coin_history = CoinHistoryData; //Enable to get history from each coins's wallet address.
+                                //var show_coin_history = testhistory; //Enable to get history from just test variable.
                                 $.each(show_coin_history.history.reverse(), function(coin_history_index){
                                     //console.log(coin_history_index);
                                     //console.log(show_coin_history.history[coin_history_index].details.vout);
@@ -222,7 +222,8 @@ var Dashboard = function() {
                                         wallettblContent += '<td>' + show_coin_history.history[coin_history_index].numseconds + '</td>';
                                         wallettblContent += '<td><span style="color: ' + balance_text_color + ';">' + show_coin_history.history[coin_history_index].amount + '</span></td>';
                                     wallettblContent += '</tr>';
-                                    $('#currency-tbl tbody').html(wallettblContent);
+                                    $('table[data-currency="' + AllcoinsDataOutput[value][index] + '"][id="currency-tbl"] tbody').html(wallettblContent);
+                                    //$('#currency-tbl tbody').html(wallettblContent);
                                 });
                                 
                                 //console.log(show_coin_history.history.length);
diff --git a/index.html b/index.html
index 9aacead..775cd80 100755
--- a/index.html
+++ b/index.html
@@ -268,46 +268,46 @@
         
       </div>
       <!-- Modal -->
-      <div class="modal fade modal-3d-sign" id="exampleMultipleOne" aria-hidden="true"
-      aria-labelledby="exampleModalTitle" role="dialog" tabindex="-1">
+      <div class="modal fade modal-3d-sign" id="SendCoinModelStep1" aria-hidden="true"
+      aria-labelledby="SendCoinModelTitle" role="dialog" tabindex="-1">
         <div class="modal-dialog modal-center">
           <form class="modal-content">
             <div class="modal-header bg-orange-a400 wallet-send-header">
               <button type="button" class="close white" data-dismiss="modal" aria-label="Close">
                 <span aria-hidden="true">×</span>
               </button>
-              <h4 class="modal-title white" id="exampleFormModalLabel">SEND [COIN] (Balance) <small class="white" style="font-size: 10px;">STEP 1 of 2</small></h4>
+              <h4 class="modal-title white" id="SendCoinModelLabel">SEND <span id="mdl_currency_coin">[COIN]</span> <span id="mdl_currency_balance">(Balance)</span> <small class="white" style="font-size: 10px;">STEP 1 of 2</small></h4>
             </div>
             <div class="modal-body">
               <div class="row">
                 <div class="col-lg-12 form-group form-material">
-                  <label class="control-label" for="inputText">Send To</label>
-                  <input type="text" class="form-control" id="inputText" name="inputText" placeholder="Enter [coin] address"
+                  <label class="control-label" for="mdl_currency_sendto">Send To</label>
+                  <input type="text" class="form-control" id="mdl_currency_sendto" name="mdl_currency_sendto" placeholder="Enter [coin] address"
                   />
                 </div>
                 <div class="col-lg-6 form-group form-material">
-                  <label class="control-label" for="inputText">[Coin]]</label>
-                  <input type="text" class="form-control" id="inputText" name="inputText" placeholder="0.000"/>
+                  <label class="control-label" for="mdl_currency_amount" id="mdl_currency_amount_label">[Coin]</label>
+                  <input type="text" class="form-control" id="mdl_currency_amount" name="mdl_currency_amount" placeholder="0.000"/>
                 </div>
                 <div class="col-lg-6 form-group form-material">
-                  <label class="control-label" for="inputText">Fee</label>
-                  <input type="text" class="form-control" id="inputText" name="inputText" placeholder="0.000"/>
+                  <label class="control-label" for="mdl_currency_fee">Fee</label>
+                  <input type="text" class="form-control" id="mdl_currency_fee" name="mdl_currency_fee" placeholder="0.000"/>
                 </div>
                 <div class="col-lg-12">
-                  <span><b>Total:</b> 0.000 [Coin] <span class="icon glyphicon glyphicon-resize-horizontal"></span> 0.00 [USD]</span>
+                  <span><b>Total:</b> <span id="mdl_currency_total_value">0.000</span> <span id="mdl_currency_total_coinname">[Coin]</span> <span class="icon glyphicon glyphicon-resize-horizontal"></span> 0.00 [USD]</span>
                 </div>
               </div>
             </div>
             <div class="modal-footer">
               <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
-              <button type="button" class="btn btn-primary" data-target="#exampleMultipleTwo" data-toggle="modal" data-dismiss="modal">Send</button>
+              <button type="button" class="btn btn-primary" data-target="#SendCoinModelStep2" data-toggle="modal" data-dismiss="modal">Send</button>
             </div>
           </form>
         </div>
       </div>
       <!-- End Modal -->
       <!-- Modal -->
-      <div class="modal fade modal-3d-sign" id="exampleMultipleTwo" aria-hidden="false" role="dialog"
+      <div class="modal fade modal-3d-sign" id="SendCoinModelStep2" aria-hidden="false" role="dialog"
       tabindex="-1">
         <div class="modal-dialog modal-center">
           <div class="modal-content">
@@ -338,7 +338,7 @@
               </div>
             </div>
             <div class="modal-footer">
-              <a class="btn btn-default" data-target="#exampleMultipleOne" data-toggle="modal" data-dismiss="modal">Back</a>
+              <a class="btn btn-default" data-target="#SendCoinModelStep1" data-toggle="modal" data-dismiss="modal">Back</a>
               <button type="button" class="btn btn-primary" data-toggle="modal" data-dismiss="modal">Confirm</button>
             </div>
           </div>
@@ -425,8 +425,7 @@
   <script type="text/javascript">
   jQuery(document).ready(function(){
     jQuery('.scrollbar-dynamic').scrollbar();
-});
-  //$('#password').val(''); $('#wallet-login').hide(); $('#wallet-core').fadeIn(); $('body').removeClass( "page-login layout-full page-dark" ).addClass( "" ); $('link[id=loginStyle]')[0].disabled=true;
+  });
   </script>
 </body>
 </html>
\ No newline at end of file