Adjust rewards appearance/styling

PIVX-Labs · Apr 17, 2023 · 698a553 · 698a553
1 parent 9b62d48
commit 698a553
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 12 deletions.
diff --git a/index.template.html b/index.template.html
@@ -983,18 +983,14 @@ <h4 class="stake-balances" style="background-color: #2c0044; border-radius: 10px
                   <h2 id="mnLastPaid" class="stake-balances" style="overflow-wrap: anywhere; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; width: 100%; padding: 10px; font-size: xx-large;" id="mnStatus"></h2>
                   </div>
                   <!-- // MASTERNODE REWARD LIST -->
-                  <div class="staking-banner-bottom">
-                    <div class="stake-box large-box col-md-4">
-                      <div id="masternode-rewards-title" class="staking-rewards-header">
-                      <h5><span data-i18n="masternode">Masternode</span> <span data-i18n="rewards">Rewards</span></h5>
-                      </div>
-                      <div class="masternode-rewards-list">
-                        <div id="masternode-rewards-content"></div>
-                          <button type="button" id="stakingLoadMore" onclick="MPW.updateMasternodeRewardsGUI()">
-                          <span class="buttoni-icon" id="stakingLoadMoreIcon"><i class="fas fa-sync fa-tiny-margin"></i></span>
-                          <span class="buttoni-text" data-i18n="stakingLoadMore">Load more</span>
-                          </button>
-                      </div>
+                  <div class="stake-box large-box col-md-4">
+                    <h4 class="stake-balances" style="background-color: #2c0044; border-radius: 10px;"><span data-i18n="masternode">Masternode</span> <span data-i18n="rewards">Rewards</span></h4>
+                    <div class="masternode-rewards-list">
+                      <div id="masternode-rewards-content"></div>
+                        <button type="button" id="stakingLoadMore" onclick="MPW.updateMasternodeRewardsGUI()">
+                        <span class="buttoni-icon" id="stakingLoadMoreIcon"><i class="fas fa-sync fa-tiny-margin"></i></span>
+                        <span class="buttoni-text" data-i18n="stakingLoadMore">Load more</span>
+                        </button>
                     </div>
                   </div>
                 </div>

diff --git a/scripts/global.js b/scripts/global.js
@@ -125,6 +125,7 @@ export function start() {
         domMnNetType: document.getElementById('mnNetType'),
         domMnNetIP: document.getElementById('mnNetIP'),
         domMnLastSeen: document.getElementById('mnLastSeen'),
+        domMnLastPaid: document.getElementById('mnLastPaid'),
 
         domAccessWallet: document.getElementById('accessWallet'),
         domImportWallet: document.getElementById('importWallet'),
@@ -1568,6 +1569,7 @@ export async function updateMasternodeTab() {
 
 async function refreshMasternodeData(cMasternode, fAlert = false) {
     const cMasternodeData = await cMasternode.getFullData();
+    const cMasternodeReward = await cMasternode.getNextMasternodePaymentInMinutes();
     if (debug) console.log(cMasternodeData);
 
     // If we have MN data available, update the dashboard
@@ -1584,6 +1586,12 @@ async function refreshMasternodeData(cMasternode, fAlert = false) {
         doms.domMnLastSeen.innerText = new Date(
             cMasternodeData.lastseen * 1000
         ).toLocaleTimeString();
+
+        if (cMasternodeReward != 0 && cMasternodeReward > 30) {
+            doms.domMnLastPaid.innerText = "~" + cMasternodeReward + " blocks";
+        } else {
+            doms.domMnLastPaid.innerText = "Coming soon";
+        }
     }
 
     if (cMasternodeData.status === 'MISSING') {