Retropex/custom-ocean.xyz-dashboard
1
0
Fork 0
mirror of https://github.com/Retropex/custom-ocean.xyz-dashboard.git synced 2025-05-13 03:30:46 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

Enhance UI updates for revenue and notifications

Browse Source 
Updated `updateUI` to display daily revenue and power cost with conditional formatting for negative profits. Removed previous profit updates. Introduced `updateNotificationBadge` function to fetch unread notifications count via AJAX.
This commit is contained in:
DJObleezy 2025-04-11 22:37:00 -07:00
parent fc7cc6e0c5
commit 9681077fbd
1 changed files with 30 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
static/js/main.js
View File

@ -1211,10 +1211,37 @@ function updateUI() {
numberWithCommas(Math.round(data.network_hashrate)) + " EH/s"); numberWithCommas(Math.round(data.network_hashrate)) + " EH/s");
} }
updateElementText("difficulty", numberWithCommas(Math.round(data.difficulty))); updateElementText("difficulty", numberWithCommas(Math.round(data.difficulty)));
// Daily revenue
updateElementText("daily_revenue", "$" + numberWithCommas(data.daily_revenue.toFixed(2))); updateElementText("daily_revenue", "$" + numberWithCommas(data.daily_revenue.toFixed(2)));
// Daily power cost
updateElementText("daily_power_cost", "$" + numberWithCommas(data.daily_power_cost.toFixed(2))); updateElementText("daily_power_cost", "$" + numberWithCommas(data.daily_power_cost.toFixed(2)));
updateElementText("daily_profit_usd", "$" + numberWithCommas(data.daily_profit_usd.toFixed(2)));
updateElementText("monthly_profit_usd", "$" + numberWithCommas(data.monthly_profit_usd.toFixed(2))); // Daily profit USD - Add red color if negative
const dailyProfitUSD = data.daily_profit_usd;
const dailyProfitElement = document.getElementById("daily_profit_usd");
if (dailyProfitElement) {
dailyProfitElement.textContent = "$" + numberWithCommas(dailyProfitUSD.toFixed(2));
if (dailyProfitUSD < 0) {
dailyProfitElement.style.color = "#ff5555";
} else {
dailyProfitElement.style.color = ""; // Reset to default color
}
}
// Monthly profit USD - Add red color if negative
const monthlyProfitUSD = data.monthly_profit_usd;
const monthlyProfitElement = document.getElementById("monthly_profit_usd");
if (monthlyProfitElement) {
monthlyProfitElement.textContent = "$" + numberWithCommas(monthlyProfitUSD.toFixed(2));
if (monthlyProfitUSD < 0) {
monthlyProfitElement.style.color = "#ff5555";
} else {
monthlyProfitElement.style.color = ""; // Reset to default color
}
}
updateElementText("daily_mined_sats", numberWithCommas(data.daily_mined_sats) + " SATS"); updateElementText("daily_mined_sats", numberWithCommas(data.daily_mined_sats) + " SATS");
updateElementText("monthly_mined_sats", numberWithCommas(data.monthly_mined_sats) + " SATS"); updateElementText("monthly_mined_sats", numberWithCommas(data.monthly_mined_sats) + " SATS");
@ -1306,6 +1333,7 @@ function updateUI() {
} }
} }
// Update unread notifications badge in navigation // Update unread notifications badge in navigation
function updateNotificationBadge() { function updateNotificationBadge() {
$.ajax({ $.ajax({