From 9ef1260347ef9832e0a1197121fdc77e38a8557d Mon Sep 17 00:00:00 2001
From: DJObleezy <Obleezy@gmail.com>
Date: Sat, 26 Apr 2025 20:35:27 -0700
Subject: [PATCH] Update UI and functionality for wallet and fees

- Adjust footer CSS and increase padding in dashboard.
- Update chart title for clarity on hashrate units.
- Implement Alt+W keyboard shortcut to reset wallet address with confirmation and error handling.
- Add version number to footer in base.html.
- Change "Network Fee (%)" label to "Firmware Fee (%)" with updated tooltip in boot.html.
---
 static/css/common.css    |  4 --
 static/css/dashboard.css |  2 +-
 static/js/main.js        | 93 +++++++++++++++++++++++++++++++++++++++-
 templates/base.html      |  1 +
 templates/boot.html      |  4 +-
 5 files changed, 96 insertions(+), 8 deletions(-)

diff --git a/static/css/common.css b/static/css/common.css
index 65cafc6..99c714a 100644
--- a/static/css/common.css
+++ b/static/css/common.css
@@ -1,14 +1,10 @@
 .footer {
-    margin-top: 30px;
     padding: 10px 0;
     color: grey;
     font-size: 0.9rem;
     border-top: 1px solid rgba(128, 128, 128, 0.2);
 }
 
-</style >
-<!-- Preload theme to prevent flicker -->
-<style id="theme-preload" >
 /* Theme-aware loading state */
 html.bitcoin-theme {
     background-color: #111111;
diff --git a/static/css/dashboard.css b/static/css/dashboard.css
index 393077d..bf98c4f 100644
--- a/static/css/dashboard.css
+++ b/static/css/dashboard.css
@@ -184,7 +184,7 @@
 }
 /* Add bottom padding to accommodate minimized system monitor */
 .container-fluid {
-    padding-bottom: 60px !important; /* Enough space for minimized monitor */
+    padding-bottom: 100px !important; /* Enough space for minimized monitor */
 }
 
 /* Add these styles to dashboard.css */
diff --git a/static/js/main.js b/static/js/main.js
index 3a881cf..2e13969 100644
--- a/static/js/main.js
+++ b/static/js/main.js
@@ -2309,7 +2309,7 @@ $(document).ready(function () {
                         y: {
                             title: {
                                 display: true,
-                                text: 'HASHRATE',
+                                text: 'HASHRATE (TH/S)',
                                 color: theme.PRIMARY,
                                 font: {
                                     family: "'VT323', monospace",
@@ -2644,6 +2644,97 @@ $(document).ready(function () {
         }
     });
 
+    // Add keyboard event listener for Alt+W to reset wallet address
+    $(document).keydown(function (event) {
+        // Check if Alt+W is pressed (key code 87 is 'W')
+        if (event.altKey && event.keyCode === 87) {
+            resetWalletAddress();
+
+            // Prevent default browser behavior
+            event.preventDefault();
+        }
+    });
+
+    // Function to reset wallet address in configuration and clear chart data
+    function resetWalletAddress() {
+        if (confirm("Are you sure you want to reset your wallet address? This will also clear all chart data and redirect you to the configuration page.")) {
+            // First clear chart data using the existing API endpoint
+            $.ajax({
+                url: '/api/reset-chart-data',
+                method: 'POST',
+                success: function () {
+                    console.log("Chart data reset successfully");
+
+                    // Then reset the chart display locally
+                    if (trendChart) {
+                        trendChart.data.labels = [];
+                        trendChart.data.datasets[0].data = [];
+                        trendChart.update('none');
+                    }
+
+                    // Then reset wallet address
+                    fetch('/api/config')
+                        .then(response => response.json())
+                        .then(config => {
+                            // Reset the wallet address to default
+                            config.wallet = "yourwallethere";
+
+                            // Save the updated configuration
+                            return fetch('/api/config', {
+                                method: 'POST',
+                                headers: {
+                                    'Content-Type': 'application/json',
+                                },
+                                body: JSON.stringify(config)
+                            });
+                        })
+                        .then(response => response.json())
+                        .then(data => {
+                            console.log("Wallet address reset successfully:", data);
+                            // Also clear arrow indicator states
+                            arrowIndicator.clearAll();
+                            // Redirect to the boot page for reconfiguration
+                            window.location.href = window.location.origin + "/";
+                        })
+                        .catch(error => {
+                            console.error("Error resetting wallet address:", error);
+                            alert("There was an error resetting your wallet address. Please try again.");
+                        });
+                },
+                error: function (xhr, status, error) {
+                    console.error("Error clearing chart data:", error);
+                    // Continue with wallet reset even if chart reset fails
+                    resetWalletAddressOnly();
+                }
+            });
+        }
+    }
+
+    // Fallback function if chart reset fails
+    function resetWalletAddressOnly() {
+        fetch('/api/config')
+            .then(response => response.json())
+            .then(config => {
+                config.wallet = "yourwallethere";
+                return fetch('/api/config', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify(config)
+                });
+            })
+            .then(response => response.json())
+            .then(data => {
+                console.log("Wallet address reset successfully (without chart reset):", data);
+                window.location.href = window.location.origin + "/";
+            })
+            .catch(error => {
+                console.error("Error resetting wallet address:", error);
+                alert("There was an error resetting your wallet address. Please try again.");
+            });
+    }
+
     // Apply any saved arrows to DOM on page load
     arrowIndicator.forceApplyArrows();
 
diff --git a/templates/base.html b/templates/base.html
index 877639e..227859e 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -135,6 +135,7 @@
         <!-- Footer -->
         <footer class="footer text-center">
             <p>Not affiliated with <a href="https://www.Ocean.xyz">Ocean.xyz</a></p>
+            <p>v0.8.7 - Public Beta </p>
         </footer>
     </div>
 
diff --git a/templates/boot.html b/templates/boot.html
index b128647..1393310 100644
--- a/templates/boot.html
+++ b/templates/boot.html
@@ -131,10 +131,10 @@ v.21
         </div>
         <div class="form-group">
             <label for="network-fee">
-                Network Fee (%)
+                Firmware Fee (%)
                 <span class="tooltip">
                     ?
-                    <span class="tooltip-text">Additional fees beyond pool fee, like Firmware fees</span>
+                    <span class="tooltip-text">Additional fees beyond pool fee, like Firmware fees from LuxOS and Vnish</span>
                 </span>
             </label>
             <input type="number" id="network-fee" step="0.1" min="0" max="10" placeholder="0.0" value="">