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

Update blocks.js

Browse Source
This commit is contained in:
DJObleezy 2025-03-29 20:32:18 -07:00 committed by GitHub
parent 495e272843
commit 8d40fb83a8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 28 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
static/js/blocks.js
View File

@ -209,50 +209,64 @@ function loadBlocksFromHeight(height) {
}); });
} }
// Function to load the latest blocks // Function to load the latest blocks and return a promise with the latest block height
function loadLatestBlocks() { function loadLatestBlocks() {
if (isLoading) return; if (isLoading) return Promise.resolve(null);
isLoading = true; isLoading = true;
// Show loading state // Show loading state
$("#blocks-grid").html('<div class="loader"><span class="loader-text">Loading latest blocks<span class="terminal-cursor"></span></span></div>'); $("#blocks-grid").html('<div class="loader"><span class="loader-text">Loading latest blocks<span class="terminal-cursor"></span></span></div>');
// Fetch the latest blocks from the API // Fetch the latest blocks from the API
$.ajax({ return $.ajax({
url: `${mempoolBaseUrl}/api/v1/blocks`, url: `${mempoolBaseUrl}/api/v1/blocks`,
method: "GET", method: "GET",
dataType: "json", dataType: "json",
timeout: 10000, timeout: 10000,
success: function(data) { success: function (data) {
// Cache the data (use the first block's height as the key) // Cache the data (use the first block's height as the key)
if (data.length > 0) { if (data.length > 0) {
currentStartHeight = data[0].height; currentStartHeight = data[0].height;
blocksCache[currentStartHeight] = data; blocksCache[currentStartHeight] = data;
// Update the block height input with the latest height // Update the block height input with the latest height
$("#block-height").val(currentStartHeight); $("#block-height").val(currentStartHeight);
// Update latest block stats // Update latest block stats
updateLatestBlockStats(data[0]); updateLatestBlockStats(data[0]);
} }
// Display the blocks // Display the blocks
displayBlocks(data); displayBlocks(data);
}, },
error: function(xhr, status, error) { error: function (xhr, status, error) {
console.error("Error fetching latest blocks:", error); console.error("Error fetching latest blocks:", error);
$("#blocks-grid").html('<div class="error">Error fetching blocks. Please try again later.</div>'); $("#blocks-grid").html('<div class="error">Error fetching blocks. Please try again later.</div>');
// Show error toast // Show error toast
showToast("Failed to load latest blocks. Please try again later."); showToast("Failed to load latest blocks. Please try again later.");
}, },
complete: function() { complete: function () {
isLoading = false; isLoading = false;
} }
}); }).then(data => data.length > 0 ? data[0].height : null);
} }
// Refresh blocks page every 60 seconds if there are new blocks
setInterval(function () {
console.log("Checking for new blocks at " + new Date().toLocaleTimeString());
loadLatestBlocks().then(latestHeight => {
if (latestHeight && latestHeight > currentStartHeight) {
console.log("New blocks detected, refreshing the page");
location.reload();
} else {
console.log("No new blocks detected");
}
});
}, 60000);
// Function to update the latest block stats section // Function to update the latest block stats section
function updateLatestBlockStats(block) { function updateLatestBlockStats(block) {
if (!block) return; if (!block) return;