elpatron/datecalc
1
0
Fork 0
Code Issues Pull Requests Activity

Verbessere stats_dashboard.html: Schriftart angepasst und API-Counts entfernt

Browse Source
This commit is contained in:
elpatron
2025-07-26 10:25:11 +02:00
parent 04dc301e5b
commit 386a3f688f
1 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
templates/stats_dashboard.html
View File

@@ -6,6 +6,13 @@
<link rel="stylesheet" href="/static/style.css"> <link rel="stylesheet" href="/static/style.css">
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<style> <style>
body {
font-family: 'Segoe UI', Arial, sans-serif;
background: #f8fafc;
color: #1e293b;
margin: 0;
padding: 0;
}
.dashboard-box { max-width: 600px; margin: 3em auto; background: #fff; border-radius: 12px; box-shadow: 0 2px 8px #cbd5e1; padding: 2em 2em 1.5em 2em; border: 1px solid #e5e7eb; } .dashboard-box { max-width: 600px; margin: 3em auto; background: #fff; border-radius: 12px; box-shadow: 0 2px 8px #cbd5e1; padding: 2em 2em 1.5em 2em; border: 1px solid #e5e7eb; }
.dashboard-box h2 { text-align: center; margin-bottom: 1.2em; } .dashboard-box h2 { text-align: center; margin-bottom: 1.2em; }
.stats-row { display: flex; justify-content: space-between; margin-bottom: 2em; } .stats-row { display: flex; justify-content: space-between; margin-bottom: 2em; }
@@ -16,9 +23,9 @@
</head> </head>
<body> <body>
<div class="dashboard-box"> <div class="dashboard-box">
<h2>Statistik-Dashboard</h2> <h1>Statistik-Dashboard</h1>
<div class="stats-row"> <div class="stats-row">
<div class="stats-label">Gesamt-Pageviews:</div> <div class="stats-label">Gesamt-Pageviews (7 Tage):</div>
<div class="stats-value">{{ pageviews }}</div> <div class="stats-value">{{ pageviews }}</div>
</div> </div>
<div class="chart-container"> <div class="chart-container">
@@ -32,12 +39,12 @@
<canvas id="apiChart" width="400" height="220"></canvas> <canvas id="apiChart" width="400" height="220"></canvas>
</div> </div>
{% endif %} {% endif %}
<pre style="background:#f3f4f6; color:#334155; padding:0.5em; border-radius:6px; font-size:0.9em;">API-Counts: {{ api_counts|tojson }}</pre>
<a href="/" style="color:#2563eb;">Zurück zur App</a> <a href="/" style="color:#2563eb;">Zurück zur App</a>
</div> </div>
<script type="text/javascript"> <script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', function() {
// Impressions pro Tag // Impressions pro Tag
// eslint-disable-next-line
const imprData = {{ impressions_per_day|tojson }}; const imprData = {{ impressions_per_day|tojson }};
const imprLabels = Object.keys(imprData); const imprLabels = Object.keys(imprData);
const imprCounts = Object.values(imprData); const imprCounts = Object.values(imprData);
@@ -62,6 +69,7 @@
} }
}); });
// Funktionsaufrufe // Funktionsaufrufe
// eslint-disable-next-line
const funcCounts = {{ func_counts|tojson }}; const funcCounts = {{ func_counts|tojson }};
const labels = Object.keys(funcCounts); const labels = Object.keys(funcCounts);
const data = Object.values(funcCounts); const data = Object.values(funcCounts);
@@ -83,6 +91,7 @@
} }
}); });
// API-Nutzung // API-Nutzung
// eslint-disable-next-line
const apiCounts = {{ api_counts|tojson }}; const apiCounts = {{ api_counts|tojson }};
if (Object.keys(apiCounts).length > 0 && document.getElementById('apiChart')) { if (Object.keys(apiCounts).length > 0 && document.getElementById('apiChart')) {
new Chart(document.getElementById('apiChart').getContext('2d'), { new Chart(document.getElementById('apiChart').getContext('2d'), {