List of pool information with logo paths and names

2 years ago · 1c633373b0
2 changed files with 146 additions and 0 deletions
--- a/Pool-Stats/html.html
+++ b/Pool-Stats/html.html
@ -0,0 +1,146 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Multiple Pool Stats</title>
+
+  <style>
+    body {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      font-family: Arial, sans-serif;
+      background-color: #f4f4f4;
+      margin: 0;
+      padding: 20px;
+    }
+
+    #poolStatsContainer {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: space-around;
+      max-width: 1200px;
+      width: 100%;
+    }
+
+    .poolStats {
+      background-color: #ffffff;
+      border: 1px solid #dddddd;
+      border-radius: 5px;
+      padding: 20px;
+      margin: 10px;
+      text-align: center;
+      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    }
+
+    h2 {
+      color: #333333;
+    }
+
+    p {
+      margin: 5px 0;
+    }
+
+    img {
+      max-width: 100px;
+      max-height: 100px;
+    }
+
+    .visitButton {
+      margin-top: 10px;
+      padding: 10px;
+      background-color: #007bff;
+      color: #ffffff;
+      border: none;
+      border-radius: 5px;
+      cursor: pointer;
+    }
+  </style>
+</head>
+
+<body>
+  <h1>Multiple Pool Stats</h1>
+
+  <!-- Container for displaying pool statistics -->
+  <div id="poolStatsContainer"></div>
+
+  <script>
+    // List of pool information with logo paths and names
+    const poolData = [
+      {
+        name: 'expanse',
+        apiUrl: 'https://etc.example.org/api/stats',
+        logoPath: 'logo/etc.png',
+        visitUrl: 'https://etc.example.org/'
+      },
+      {
+        name: 'ethereumclassic',
+        apiUrl: 'https://exp.example.org/api/stats',
+        logoPath: 'logo/exp.png',
+        visitUrl: 'https://exp.example.org/'
+      },
+      // Add more pool information here if necessary
+    ];
+
+    // Function to fetch and display pool statistics
+    async function displayPoolStats(poolInfo) {
+      try {
+        const response = await fetch(poolInfo.apiUrl);
+        const data = await response.json();
+
+        // Extract values from API data
+        let difficulty = data.nodes[0].difficulty;
+        let nethash = difficulty / data.nodes[0].blocktime;
+        let blocktime = data.nodes[0].blocktime;
+        let chainheight = data.nodes[0].height;
+        let minersTotal = data.minersTotal;
+
+        // Function to format hashrate
+        function formatHashrate(hashrate) {
+          let i = 0;
+          const units = ['H/s', 'KH/s', 'MH/s', 'GH/s', 'TH/s', 'PH/s'];
+          while (hashrate > 1000) {
+            hashrate = hashrate / 1000;
+            i++;
+          }
+          return hashrate.toFixed(2) + ' ' + units[i];
+        }
+
+        // Container for statistics
+        const poolStatsContainer = document.getElementById('poolStatsContainer');
+
+        // Create HTML for current pool statistics
+        const poolStatsHtml = `
+      <div class="poolStats">
+        <img src="${poolInfo.logoPath}" alt="${poolInfo.name} Logo">
+        <h2>${poolInfo.name}</h2>
+        <p>Difficulty: ${formatHashrate(difficulty)}</p>
+        <p>Network Hash Rate: ${formatHashrate(nethash)}</p>
+        <p>Block Time: ${blocktime}</p>
+        <p>Chain Height: ${chainheight}</p>
+        <p>Miners Total: ${minersTotal}</p>
+        <button class="visitButton" onclick="window.location.href='${poolInfo.visitUrl}'">Visit</button>
+      </div>
+    `;
+
+        // Add HTML statistics to the container
+        poolStatsContainer.innerHTML += poolStatsHtml;
+      } catch (error) {
+        console.error(`Error fetching pool statistics from ${poolInfo.apiUrl}:`, error);
+      }
+    }
+
+    // Fetch and display data when the page is loaded
+    document.addEventListener('DOMContentLoaded', async () => {
+      // Iterate over the list of pool information
+      for (const poolInfo of poolData) {
+        // Fetch and display pool statistics
+        await displayPoolStats(poolInfo);
+      }
+    });
+  </script>
+</body>
+
+</html>
--- a/Pool-Stats/logo/etc.png
+++ b/Pool-Stats/logo/etc.png