Spaces:
Running
Running
Create index.html
Browse files- app/index.html +32 -0
app/index.html
ADDED
@@ -0,0 +1,32 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<!DOCTYPE html>
|
2 |
+
<html lang="en">
|
3 |
+
<head>
|
4 |
+
<meta charset="UTF-8">
|
5 |
+
<title>Bank Status Dashboard</title>
|
6 |
+
<style>
|
7 |
+
body { font-family: Arial, sans-serif; }
|
8 |
+
#dashboard { margin: 20px; padding: 20px; border: 1px solid #ddd; }
|
9 |
+
.value { font-size: 24px; font-weight: bold; color: #333; }
|
10 |
+
</style>
|
11 |
+
</head>
|
12 |
+
<body>
|
13 |
+
<div id="dashboard">
|
14 |
+
<h2>Bank Status</h2>
|
15 |
+
<p>Total Earnings: <span id="total_earnings" class="value">0</span> Credits</p>
|
16 |
+
<p>Bank Balance: <span id="bank_balance" class="value">0</span> Credits</p>
|
17 |
+
</div>
|
18 |
+
|
19 |
+
<script>
|
20 |
+
async function fetchBankStatus() {
|
21 |
+
const response = await fetch('/api/bank_status');
|
22 |
+
const data = await response.json();
|
23 |
+
document.getElementById('total_earnings').innerText = data.total_earnings;
|
24 |
+
document.getElementById('bank_balance').innerText = data.bank_balance;
|
25 |
+
}
|
26 |
+
|
27 |
+
// Lade die Daten alle 5 Sekunden neu
|
28 |
+
setInterval(fetchBankStatus, 5000);
|
29 |
+
fetchBankStatus();
|
30 |
+
</script>
|
31 |
+
</body>
|
32 |
+
</html>
|