GUI updates, text fixes, Interest Earned box added for Edex wallet

assets/scripts/dashboard.js

@@ -37,6 +37,9 @@ var Dashboard = function() {
         });
 
         $('#btn_edexcoin_dashboard').click(function() {
+          $('#btn_edexcoin_dashboard').hide();
+          $('#btn_edexcoin_send').show();
+          $('#btn_edexcoin_recieve').show();
           var active_edexcoin = $('[data-edexcoin]').attr("data-edexcoin");
           //console.log('EasyDEX dashbaord button clicked...');
           //console.log($(this).data());
@@ -57,14 +60,54 @@ var Dashboard = function() {
           if ( selected_coinmode == 'Basilisk' ) {
             getDEXGetBalance(active_edexcoin).then(function(result){
               console.log(result)
+              if ( result.interest !== undefined ) {
+                $('#edexcoin_getbalance_interest').show()
+                $('#edexcoin_getbalance_total_interest').show()
+                $('#edexcoin_getbalance_t').removeClass( "col-lg-12 " ).addClass( " col-lg-4" );
+                $('#edex_interest_balance').text(result.interest)
+                $('#edex_total_balance_interest').text(result.totalbalance)
+                $('#edex_total_interest_coincode').text(active_edexcoin);
+                $('#edex_total_balance_interest_coincode').text(active_edexcoin);
+              }
+
+              if ( result.interest === undefined ) {
+                $('#edexcoin_getbalance_interest').hide()
+                $('#edexcoin_getbalance_total_interest').hide()
+                $('#edexcoin_getbalance_t').removeClass( " col-lg-4" ).addClass( " col-lg-12" );
+                $('#edex_interest_balance').text('-')
+                $('#edex_total_balance_interest').text('-')
+              }
+
               $('#edex_total_balance').text(result.total);
+              $('#edex_total_balance_coincode').text(active_edexcoin);
             });
           } else {
             EDEXlistunspent(active_edexcoin).then(function(result){
               //console.log(result)
               if (result[0] != undefined) {
                 //console.log(result[0])
-                $('#edex_total_balance').text(result[0].total.toFixed(8));
+                if ( result[0].interest !== undefined ) {
+                  $('#edexcoin_getbalance_interest').show()
+                  $('#edexcoin_getbalance_total_interest').show()
+                  $('#edexcoin_getbalance_t').removeClass( "col-lg-12 " ).addClass( " col-lg-4" );
+                  $('#edex_interest_balance').text(result[0].interest)
+                  $('#edex_total_balance_interest').text(result[0].totalbalance)
+                  $('#edex_total_interest_coincode').text(active_edexcoin);
+                  $('#edex_total_balance_interest_coincode').text(active_edexcoin);
+                }
+
+                if ( result[0].interest === undefined ) {
+                  $('#edexcoin_getbalance_interest').hide()
+                  $('#edexcoin_getbalance_total_interest').hide()
+                  $('#edexcoin_getbalance_t').removeClass( " col-lg-4" ).addClass( " col-lg-12" );
+                  $('#edex_interest_balance').text('-')
+                  $('#edex_total_balance_interest').text('-')
+                }
+
+                $('#edex_total_balance').text(result[0].total);
+                $('#edex_total_balance_coincode').text(active_edexcoin);
+
+                //$('#edex_total_balance').text(result[0].total.toFixed(8));
                 //console.log(result[0].total)
               } else {
                 $('#edex_total_balance').text('0');
@@ -82,6 +125,9 @@ var Dashboard = function() {
     var handle_edex_send = function() {
       $('#btn_edexcoin_send').click(function() {
         //console.log(active_edexcoin);
+        $('#btn_edexcoin_dashboard').show();
+        $('#btn_edexcoin_send').hide();
+        $('#btn_edexcoin_recieve').show();
         sessionStorage.setItem('edexTmpRefresh', "stop");
 
 
@@ -321,6 +367,9 @@ var Dashboard = function() {
 
     var handle_edex_recieve = function() {
         $('#btn_edexcoin_recieve').click(function() {
+            $('#btn_edexcoin_dashboard').show();
+            $('#btn_edexcoin_send').show();
+            $('#btn_edexcoin_recieve').hide();
             var active_edexcoin = $('[data-edexcoin]').attr("data-edexcoin");
             //console.log('wallet receive button clicked...');
             sessionStorage.setItem('edexTmpRefresh', "stop");
@@ -747,15 +796,55 @@ function edexCoinBtnAction() {
       if ( selected_coinmode == 'Basilisk' ) {
         getDEXGetBalance(selected_coin).then(function(result){
           console.log(result)
+          if ( result.interest !== undefined ) {
+            $('#edexcoin_getbalance_interest').show()
+            $('#edexcoin_getbalance_total_interest').show()
+            $('#edexcoin_getbalance_t').removeClass( "col-lg-12 " ).addClass( " col-lg-4" );
+            $('#edex_interest_balance').text(result.interest)
+            $('#edex_total_balance_interest').text(result.totalbalance)
+            $('#edex_total_interest_coincode').text(selected_coin);
+            $('#edex_total_balance_interest_coincode').text(selected_coin);
+          }
+
+          if ( result.interest === undefined ) {
+            $('#edexcoin_getbalance_interest').hide()
+            $('#edexcoin_getbalance_total_interest').hide()
+            $('#edexcoin_getbalance_t').removeClass( " col-lg-4" ).addClass( " col-lg-12" );
+            $('#edex_interest_balance').text('-')
+            $('#edex_total_balance_interest').text('-')
+          }
+
           console.log(result.total)
           $('#edex_total_balance').text(result.total);
+          $('#edex_total_balance_coincode').text(selected_coin);
         });
       } else {
         EDEXlistunspent(selected_coin).then(function(result){
           //console.log(result)
           if (result[0] != undefined) {
             //console.log(result[0])
-            $('#edex_total_balance').text(result[0].total.toFixed(8));
+            if ( result[0].interest !== undefined ) {
+              $('#edexcoin_getbalance_interest').show()
+              $('#edexcoin_getbalance_total_interest').show()
+              $('#edexcoin_getbalance_t').removeClass( "col-lg-12 " ).addClass( " col-lg-4" );
+              $('#edex_interest_balance').text(result[0].interest)
+              $('#edex_total_balance_interest').text(result[0].totalbalance)
+              $('#edex_total_interest_coincode').text(selected_coin);
+              $('#edex_total_balance_interest_coincode').text(selected_coin);
+            }
+
+            if ( result[0].interest === undefined ) {
+              $('#edexcoin_getbalance_interest').hide()
+              $('#edexcoin_getbalance_total_interest').hide()
+              $('#edexcoin_getbalance_t').removeClass( " col-lg-4" ).addClass( " col-lg-12" );
+              $('#edex_interest_balance').text('-')
+              $('#edex_total_balance_interest').text('-')
+            }
+
+            $('#edex_total_balance').text(result[0].total);
+            $('#edex_total_balance_coincode').text(selected_coin);
+
+            //$('#edex_total_balance').text(result[0].total.toFixed(8));
             //console.log(result[0].total)
           } else {
             $('#edex_total_balance').text('0');
@@ -1011,18 +1100,29 @@ function getDEXGetBalance(coin) {
           }
 
           var tmpcalcnum = 0;
+          var tmpcalcinterest = 0;
+          var interest_enable = false
+          var tmptotalbalance = 0;
           $.each(data, function(index) {
             if ( data[index].interest !== undefined ) {
               //console.log('interest is available for this currency. Adding to total balance.');
-              tmpcalcnum = tmpcalcnum + data[index].amount + data[index].interest;
+              tmpcalcnum = tmpcalcnum + data[index].amount
+              tmpcalcinterest = tmpcalcinterest + data[index].interest
+              interest_enable = true
             }
             if ( data[index].interest === undefined ) {
               tmpcalcnum = tmpcalcnum + data[index].amount;
             }
           });
 
-          var tmp_addr_total_balance_output = {"addr": tmp_coin_addr, "total": tmpcalcnum.toFixed(8)};
-            //console.log(tmp_addr_total_balance_output);
+          if ( coin == 'KMD' ) {
+            tmptotalbalance = parseFloat(tmpcalcnum) + parseFloat(tmpcalcinterest)
+            var tmp_addr_total_balance_output = {"addr": tmp_coin_addr, "total": tmpcalcnum.toFixed(8), "interest": tmpcalcinterest.toFixed(8), "totalbalance": tmptotalbalance.toFixed(8)};
+          }
+          if ( coin !== 'KMD' ) {
+            var tmp_addr_total_balance_output = {"addr": tmp_coin_addr, "total": tmpcalcnum.toFixed(8)};
+          }
+            console.log(tmp_addr_total_balance_output);
 
           if (data == '' ) {
             tmp_addr_total_balance_output = {"addr": tmp_coin_addr, "total":0};
@@ -1049,7 +1149,28 @@ function getCoinBalance(coin) {
     console.log(result)
     if (result[0] != undefined) {
       //console.log(result[0])
-      $('span[data-edexcoincode="' + coin + '"][id="edexcoin-balance"]').text(result[0].total);
+      if ( result[0].interest !== undefined ) {
+        $('#edexcoin_getbalance_interest').show()
+        $('#edexcoin_getbalance_total_interest').show()
+        $('#edexcoin_getbalance_t').removeClass( "col-lg-12 " ).addClass( " col-lg-4" );
+        $('#edex_interest_balance').text(result[0].interest)
+        $('#edex_total_balance_interest').text(result[0].totalbalance)
+        $('#edex_total_interest_coincode').text(active_edexcoin);
+        $('#edex_total_balance_interest_coincode').text(active_edexcoin);
+      }
+
+      if ( result[0].interest === undefined ) {
+        $('#edexcoin_getbalance_interest').hide()
+        $('#edexcoin_getbalance_total_interest').hide()
+        $('#edexcoin_getbalance_t').removeClass( " col-lg-4" ).addClass( " col-lg-12" );
+        $('#edex_interest_balance').text('-')
+        $('#edex_total_balance_interest').text('-')
+      }
+
+      $('#edex_total_balance').text(result[0].total);
+      $('#edex_total_balance_coincode').text(active_edexcoin);
+
+      //$('span[data-edexcoincode="' + coin + '"][id="edexcoin-balance"]').text(result[0].total);
       //console.log(result[0].total)
     } else {
       $('span[data-edexcoincode="' + coin + '"][id="edexcoin-balance"]').text('0');
@@ -1423,10 +1544,8 @@ function EdexGetTxList(coin) {
                   || coin == 'CARB'
                   || coin == 'ANC'
                   || coin == 'FRK') {
-              console.log(coin)
               var ajax_data_2 = {'userpass':tmpIguanaRPCAuth,"agent":"dex","method":"listtransactions","address":data[coin],"count":100,"skip":0,"symbol":coin}
             } else {
-              console.log(coin)
               var ajax_data_2 = {'userpass':tmpIguanaRPCAuth,"agent":"dex","method":"listtransactions2","address":data[coin],"count":100,"skip":0,"symbol":coin}
             }
           } else {

assets/scripts/iguana_api.js

@@ -786,6 +786,30 @@ function EDEXlistunspent(coin) {
                 //console.log(unique_addr_tmp_array);
 
                 var tmpcalcnum = 0;
+                var tmpcalcinterest = 0;
+                var interest_enable = false
+                var tmptotalbalance = 0;
+                $.each(data, function(index) {
+                    if ( data[index].interest !== undefined ) {
+                        //console.log('interest is available for this currency. Adding to total balance.');
+                        tmpcalcnum = tmpcalcnum + data[index].amount
+                        tmpcalcinterest = tmpcalcinterest + data[index].interest
+                        interest_enable = true
+                    }
+                    if ( data[index].interest === undefined ) {
+                        tmpcalcnum = tmpcalcnum + data[index].amount;
+                    }
+                });
+
+                if ( coin == 'KMD' ) {
+                tmptotalbalance = parseFloat(tmpcalcnum) + parseFloat(tmpcalcinterest)
+                var tmp_addr_total_balance_output = {"addr": unique_addr_tmp_array[0].address, "total": tmpcalcnum.toFixed(8), "interest": tmpcalcinterest.toFixed(8), "totalbalance": tmptotalbalance.toFixed(8)};
+                }
+                if ( coin !== 'KMD' ) {
+                var tmp_addr_total_balance_output = {"addr": unique_addr_tmp_array[0].address, "total": tmpcalcnum.toFixed(8)};
+                }
+
+                /*var tmpcalcnum = 0;
                 $.each(unique_addr_tmp_array, function(index, value) {
                     //console.log(value.amount);
                     if ( value.interest !== undefined ) {
@@ -796,8 +820,8 @@ function EDEXlistunspent(coin) {
                     }
                 });
                 //console.log(tmpcalcnum);
-                var tmp_addr_total_balance_output = {"addr": unique_addr_tmp_array[0].address, "total": tmpcalcnum};
-                //console.log(tmp_addr_total_balance_output);
+                var tmp_addr_total_balance_output = {"addr": unique_addr_tmp_array[0].address, "total": tmpcalcnum};*/
+                console.log(tmp_addr_total_balance_output);
                 result.push(tmp_addr_total_balance_output);
             });
             //console.log(result)

index.html

@@ -174,7 +174,7 @@
                 </div>
               </div>
               <div class="col-sm-4" style="text-align: center;">
-              <button type="button" class="btn btn-primary mdl_addcoin_done_btn" data-toggle="modal" data-dismiss="modal" id="mdl_addcoin_done_btn">Add Coin</button>
+              <button type="button" class="btn btn-primary mdl_addcoin_done_btn" data-toggle="modal" data-dismiss="modal" id="mdl_addcoin_done_btn">Activate Coin</button>
               </div>
               <div class="col-sm-12" style="text-align: center;">
                 <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-6 style-addcoin-lbl-mdl">
@@ -188,9 +188,9 @@
                 </div>
               </div>
               <div class="col-sm-12" style="color: #333">
-              <p><strong>Full Mode:</strong> Adding a coin in Full mode will download FULL blockchain on your local machine. This is the most optimem performing mode, but will require good system performance to have one or multiple coins running in Full mode on your local machine.</p>
-              <p><strong>Basilisk Mode:</strong> In Basilisk Mode a coin will not download Full blockchain on local machine. This mode is best if you have less disk space on your machine, or in case your system is low performance system. But, it will be bit low in performance as compare to Full mode.</p>
-              <p><strong>Native Mode:</strong> This mode is ONLY available for KOMODO Coin, PAX FIAT Chains, Assetchains, and Geckochains. This mode uses <strong>Komodo Daemon</strong>, instead of <i>Iguana Daemon</i> to query blockchain data.</p>
+              <p><strong>Full Mode:</strong> Adding a coin in Full mode will download its complete blockchain to your local machine. This is the most optimum mode for performance, but will require higher system requirements to have one or multiple coins running in Full mode on your local machine.</p>
+              <p><strong>Basilisk Mode:</strong> In Basilisk Mode, a coin will not download its Full blockchain to the local machine. This mode is best if you have less disk space on your machine, or your system has slower performance. It will be fully functional, but a bit slower to perform as compared to Full mode.</p>
+              <p><strong>Native Mode:</strong> This mode is ONLY available for KOMODO Coin, PAX FIAT Chains, Assetchains, and Geckochains. This mode uses the <strong>Komodo Daemon</strong> instead of the <i>Iguana Daemon</i> to query blockchain data.</p>
                 <div class="alert alert-icon alert-primary" role="alert">
                   <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
                 <i class="icon md-info-outline" aria-hidden="true"></i> <strong>Native Mode</strong> is the so far mode which will allow you to do <strong>Z Transactions</strong>, the <i>Private Transactions</i>.
@@ -201,7 +201,7 @@
         </div>
       </div>
       <!-- End Modal -->
-    <!--<button type="button" class="btn btn-info btn-lg btn-block waves-effect waves-light" data-target="#AddCoinDilogModel" data-toggle="modal">Add Coin</button>-->
+    <!--<button type="button" class="btn btn-info btn-lg btn-block waves-effect waves-light" data-target="#AddCoinDilogModel" data-toggle="modal">Activate Coin</button>-->
     </div>
     <!-- START ADD COIN DIV -->
     
@@ -335,7 +335,7 @@
       <div id="section-login-addcoin-btn">
         <h4 style="color: #fff;" id="login-welcome">Welcome. Please add coin to start.</h4>
         <div class="form-group form-material floating" style="width: 540px; margin: 30px 0;">
-        <button class="btn btn-lg btn-primary btn-block ladda-button" id="start-coin-login" role="menuitem" data-edexcoinmenu="COIN" data-target="#AddCoinDilogModel-login" data-toggle="modal" data-style="expand-left" data-plugin="ladda"><span class="ladda-label">Start Coin</span></button>
+        <button class="btn btn-lg btn-primary btn-block ladda-button" id="start-coin-login" role="menuitem" data-edexcoinmenu="COIN" data-target="#AddCoinDilogModel-login" data-toggle="modal" data-style="expand-left" data-plugin="ladda"><span class="ladda-label">Activate Coin</span></button>
         </div>
       </div>
       <!-- END section login add coin -->
@@ -425,7 +425,7 @@
                 </div>
               </div>
               <div class="col-sm-4" style="text-align: center;">
-              <button type="button" class="btn btn-primary mdl_addcoin_done_btn-login" data-toggle="modal" data-dismiss="modal" id="mdl_addcoin_done_btn-login">Add Coin</button>
+              <button type="button" class="btn btn-primary mdl_addcoin_done_btn-login" data-toggle="modal" data-dismiss="modal" id="mdl_addcoin_done_btn-login">Activate Coin</button>
               </div>
               <div class="col-sm-12 text-center">
                 <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-6 style-addcoin-lbl-mdl-login">
@@ -439,9 +439,9 @@
                 </div>
               </div>
               <div class="col-sm-12" style="color: #333">
-              <p><strong>Full Mode:</strong> Adding a coin in Full mode will download FULL blockchain on your local machine. This is the most optimem performing mode, but will require good system performance to have one or multiple coins running in Full mode on your local machine.</p>
-              <p><strong>Basilisk Mode:</strong> In Basilisk Mode a coin will not download Full blockchain on local machine. This mode is best if you have less disk space on your machine, or in case your system is low performance system. But, it will be bit low in performance as compare to Full mode.</p>
-              <p><strong>Native Mode:</strong> This mode is ONLY available for KOMODO Coin, PAX FIAT Chains, Assetchains, and Geckochains. This mode uses <strong>Komodo Daemon</strong>, instead of <i>Iguana Daemon</i> to query blockchain data.</p>
+              <p><strong>Full Mode:</strong> Adding a coin in Full mode will download its complete blockchain to your local machine. This is the most optimum mode for performance, but will require higher system requirements to have one or multiple coins running in Full mode on your local machine.</p>
+              <p><strong>Basilisk Mode:</strong> In Basilisk Mode, a coin will not download its Full blockchain to the local machine. This mode is best if you have less disk space on your machine, or your system has slower performance. It will be fully functional, but a bit slower to perform as compared to Full mode.</p>
+              <p><strong>Native Mode:</strong> This mode is ONLY available for KOMODO Coin, PAX FIAT Chains, Assetchains, and Geckochains. This mode uses the <strong>Komodo Daemon</strong> instead of the <i>Iguana Daemon</i> to query blockchain data.</p>
                 <div class="alert alert-icon alert-primary" role="alert">
                   <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
                 <i class="icon md-info-outline" aria-hidden="true"></i> <strong>Native Mode</strong> is the so far mode which will allow you to do <strong>Z Transactions</strong>, the <i>Private Transactions</i>.
@@ -505,7 +505,7 @@
         <ul class="nav navbar-toolbar navbar-right navbar-toolbar-right">
         <li role="presentation"><a href="javascript:void(0)" role="menuitem" data-edexcoinmenu="COIN" id="btn_edexcoin_addcoin" data-target="#AddCoinDilogModel" data-toggle="modal" style="padding-bottom: 10px; padding-top: 16px;">
             <span>
-              <img src="assets/images/icons/addcoin.png" alt="Add Coin">
+              <img src="assets/images/icons/activatecoin.png" alt="Add Coin">
             </span>
           </a>
         </li>
@@ -729,16 +729,20 @@
       <div class="page-header-actions" data-edexcoin="COIN" id="edexcoin-actions">
         <!-- EasyDEX Coin Wallet Header button -->
         <div id="kmd_header_button">
-          <button type="button" id="edexcoin_wallet_menu" class="btn btn-floating btn-primary btn-sm" data-toggle="dropdown" aria-expanded="false"><i class="icon md-plus" aria-hidden="true"></i></button>
+          <button type="button" class="btn btn-dark waves-effect waves-light" data-edexcoinmenu="COIN" id="btn_edexcoin_dashboard" style="display: none;"><i class="icon md-view-dashboard" aria-hidden="true"></i> Dashboard</button>
+          <button type="button" class="btn btn-primary waves-effect waves-light" data-edexcoinmenu="COIN" id="btn_edexcoin_send"><i class="icon fa-send" aria-hidden="true"></i> Send</button>
+          <button type="button" class="btn btn-info waves-effect waves-light" data-edexcoinmenu="COIN" id="btn_edexcoin_recieve"><i class="icon fa-inbox" aria-hidden="true"></i> Receive</button>
+          
+          <!--<button type="button" id="edexcoin_wallet_menu" class="btn btn-floating btn-primary btn-sm" data-toggle="dropdown" aria-expanded="false"><i class="icon md-plus" aria-hidden="true"></i></button>
           <ul class="dropdown-menu animate dropdown-menu-right" aria-labelledby="edexcoin_wallet_menu" role="menu" style="">
             <li role="presentation"><a href="javascript:void(0)" role="menuitem" data-edexcoinmenu="COIN" id="btn_edexcoin_dashboard">Dashboard</a></li>
             <li role="presentation"><a href="javascript:void(0)" role="menuitem" data-edexcoinmenu="COIN" id="btn_edexcoin_send">Send</a></li>
-            <li role="presentation"><a href="javascript:void(0)" role="menuitem" data-edexcoinmenu="COIN" id="btn_edexcoin_recieve">Receive</a></li>
+            <li role="presentation"><a href="javascript:void(0)" role="menuitem" data-edexcoinmenu="COIN" id="btn_edexcoin_recieve">Receive</a></li>-->
             <!--<li role="presentation"><a href="javascript:void(0)" role="menuitem" data-edexcoinmenu="COIN" id="btn_edexcoin_transactions">Transactions</a></li>-->
             <!--<li class="divider" role="presentation"></li>-->
-            <!--<li role="presentation"><a href="javascript:void(0)" role="menuitem" data-edexcoinmenu="COIN" id="btn_edexcoin_addcoin" data-target="#AddCoinDilogModel" data-toggle="modal">Add Coin</a></li>-->
+            <!--<li role="presentation"><a href="javascript:void(0)" role="menuitem" data-edexcoinmenu="COIN" id="btn_edexcoin_addcoin" data-target="#AddCoinDilogModel" data-toggle="modal">Activate Coin</a></li>-->
             <!--<li role="presentation"><a href="javascript:void(0)" role="menuitem" data-edexcoinmenu="COIN" id="btn_edexcoin_settings">Settings</a></li>-->
-          </ul>
+          <!--</ul>-->
         </div>
         <!-- End EasyDEX Coin Wallet Header button -->
         <!--<button type="button" class="btn btn-primary btn-floating btn-sm" style="font-size: 1.072rem;" data-edexcoin="COIN" id="edexcoin-actions-btn">
@@ -754,11 +758,11 @@
         <div role="alert" class="alert alert-info alert-dismissible" data-edexcoin="COIN" id="edexcoin-wallet-waitingrt-alert" style="display: none;">
           <button aria-label="Close" data-dismiss="alert" class="close" type="button"><span aria-hidden="true">×</span></button>
           <h4>Activating wallet once Real Time blocks starts syncing...</h4>
-          <p data-edexcoin="COIN" id="edexcoin-wallet-waitingrt-alert-text">Iguana Full Mode coin synchronizes blockchain in entirely different format than traditional blockchain software. Iguana's Full Mode uses instead of Memory Mapped Files and stores data in bundles. That's why you see four different colored synchronizing progress bars.</p>
+        <p data-edexcoin="COIN" id="edexcoin-wallet-waitingrt-alert-text">An Iguana Full Mode coin synchronizes the blockchain using an entirely different format than traditional blockchain software. Iguana's Full Mode uses Memory Mapped Files and stores data in bundles. That's why you see four different colored synchronizing progress bars.</p>
 
-          <p>Once all these progress bars reaches 100%, the Real Time blocks start synchronizing. Only after getting Real Time sync mode activates you'll be able to see Any data in your wallet and make any transactions.</p>
+      <p>Once all these progress bars reach 100%, the Real Time blocks start synchronizing. Only after the Real Time sync mode activates will you be able to see current data in your wallet and make any transactions.</p>
 
-          <p style="font-weight: 600">Please wait for all other progress bars to disappear and the first blue bar turned to green.<br>That would mean the wallet is in Real Time Sync mode.</p>
+        <p style="font-weight: 600">Please wait for all other progress bars to disappear and the first blue bar turns to green.<br>That would mean the wallet is in Real Time Sync mode.</p>
         </div>
         </div>
           <div class="col-lg-12 col-xs-12" data-edexcoin="COIN" id="edexcoin_getbalance_t">
@@ -768,7 +772,7 @@
                 <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>Total Balance
+                      <i class="icon fa-eye font-size-24 vertical-align-bottom margin-right-5"></i>Balance
                     </div>
                     <span class="pull-right padding-top-10" data-edexcoin="COIN" style="font-size: 22px;"><span data-edexcoin="COIN" id="edex_total_balance"></span> <span data-edexcoin="COIN" id="edex_total_balance_coincode"></span></span>
                   </div>
@@ -777,22 +781,41 @@
             </div>
             <!-- End EasyDEX Total Balance Widget -->
           </div>
-          <div class="col-lg-6 col-xs-12" data-edexcoin="COIN" id="edexcoin_getbalance_m" style="display: none;">
-            <!-- EasyDEX Convertable Balance Widget-->
+          
+          <div class="col-lg-4 col-xs-12" data-edexcoin="COIN" id="edexcoin_getbalance_interest" style="display: none;">
+            <!-- EasyDEX Interest Balance Widget-->
+            <div class="widget widget-shadow" id="widgetLineareaOne">
+              <div class="widget-content">
+                <div class="padding-20 padding-top-10">
+                  <div class="clearfix">
+                    <div class="pull-left padding-vertical-10">
+                      <i class="icon fa-money font-size-24 vertical-align-bottom margin-right-5"></i>Interest Earned
+                    </div>
+                    <span class="pull-right padding-top-10" data-edexcoin="COIN" style="font-size: 22px;"><span data-edexcoin="COIN" id="edex_interest_balance"></span> <span data-edexcoin="COIN" id="edex_total_interest_coincode"></span></span>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- End EasyDEX Interest Balance Widget -->
+          </div>
+
+          <div class="col-lg-4 col-xs-12" data-edexcoin="COIN" id="edexcoin_getbalance_total_interest" style="display: none;">
+            <!-- EasyDEX Total Balance Widget-->
             <div class="widget widget-shadow" id="widgetLineareaOne">
               <div class="widget-content">
                 <div class="padding-20 padding-top-10">
                   <div class="clearfix">
                     <div class="pull-left padding-vertical-10">
-                      <i class="icon fa-money font-size-24 vertical-align-bottom margin-right-5"></i>Convertable
+                      <i class="icon fa-bullseye font-size-24 vertical-align-bottom margin-right-5"></i>Total Balance
                     </div>
-                    <span class="pull-right padding-top-10" data-edexcoin="COIN" id="edex_convertable_balance" style="font-size: 22px;">-</span>
+                    <span class="pull-right padding-top-10" data-edexcoin="COIN" style="font-size: 22px;"><span data-edexcoin="COIN" id="edex_total_balance_interest"></span> <span data-edexcoin="COIN" id="edex_total_balance_interest_coincode"></span></span>
                   </div>
                 </div>
               </div>
             </div>
-            <!-- End EasyDEX Convertable Balance Widget -->
+            <!-- End EasyDEX Total Balance Widget -->
           </div>
+
         </div>
       </div>