Div Erweiterungen
This commit is contained in:
@@ -104,9 +104,26 @@
|
||||
</div>
|
||||
|
||||
<div class="dashboard-grid">
|
||||
<div class="card">
|
||||
<div class="card" id="analyticsCard" style="cursor: pointer;">
|
||||
<h3 data-de="📊 Analytics" data-en="📊 Analytics">📊 Analytics</h3>
|
||||
<p data-de="Verfolge deine Leistung und überwache wichtige Metriken. Dieser Abschnitt wird detaillierte Analysen anzeigen, sobald wir die Funktion implementieren." data-en="Track your performance and monitor important metrics. This section will show detailed analyses once we implement the feature.">Verfolge deine Leistung und überwache wichtige Metriken. Dieser Abschnitt wird detaillierte Analysen anzeigen, sobald wir die Funktion implementieren.</p>
|
||||
<div id="analyticsPreview" style="display: none;">
|
||||
<div class="analytics-stats">
|
||||
<div class="mini-stat">
|
||||
<div class="mini-stat-number" id="avgTimeThisWeek">--:--</div>
|
||||
<div class="mini-stat-label">Durchschnitt diese Woche</div>
|
||||
</div>
|
||||
<div class="mini-stat">
|
||||
<div class="mini-stat-number" id="improvementThisWeek">+0.0%</div>
|
||||
<div class="mini-stat-label">Verbesserung</div>
|
||||
</div>
|
||||
<div class="mini-stat">
|
||||
<div class="mini-stat-number" id="runsThisWeek">0</div>
|
||||
<div class="mini-stat-label">Läufe diese Woche</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p data-de="Verfolge deine Leistung und überwache wichtige Metriken." data-en="Track your performance and monitor important metrics.">Verfolge deine Leistung und überwache wichtige Metriken.</p>
|
||||
<button class="btn btn-primary" style="margin-top: 1rem;" onclick="event.stopPropagation(); showAnalytics();" data-de="Analytics öffnen" data-en="Open Analytics">Analytics öffnen</button>
|
||||
</div>
|
||||
|
||||
<div class="card" onclick="showSettings()" style="cursor: pointer;">
|
||||
@@ -121,9 +138,26 @@
|
||||
<button class="btn btn-primary" style="margin-top: 1rem;" onclick="event.stopPropagation(); showRFIDSettings();" data-de="RFID verknüpfen" data-en="Link RFID">RFID verknüpfen</button>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card" id="statisticsCard" style="cursor: pointer;">
|
||||
<h3 data-de="📊 Statistiken" data-en="📊 Statistics">📊 Statistiken</h3>
|
||||
<p data-de="Hier werden bald detaillierte Statistiken zu deinen Läufen angezeigt - beste Zeiten, Verbesserungen und Vergleiche mit anderen Spielern." data-en="Detailed statistics about your runs will be displayed here soon - best times, improvements and comparisons with other players.">Hier werden bald detaillierte Statistiken zu deinen Läufen angezeigt - beste Zeiten, Verbesserungen und Vergleiche mit anderen Spielern.</p>
|
||||
<div id="statisticsPreview" style="display: none;">
|
||||
<div class="statistics-stats">
|
||||
<div class="mini-stat">
|
||||
<div class="mini-stat-number" id="personalBest">--:--</div>
|
||||
<div class="mini-stat-label">Persönliche Bestzeit</div>
|
||||
</div>
|
||||
<div class="mini-stat">
|
||||
<div class="mini-stat-number" id="totalRunsCount">0</div>
|
||||
<div class="mini-stat-label">Gesamte Läufe</div>
|
||||
</div>
|
||||
<div class="mini-stat">
|
||||
<div class="mini-stat-number" id="rankPosition">-</div>
|
||||
<div class="mini-stat-label">Ranglisten-Position</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p data-de="Detaillierte Statistiken zu deinen Läufen - beste Zeiten, Verbesserungen und Vergleiche." data-en="Detailed statistics about your runs - best times, improvements and comparisons.">Detaillierte Statistiken zu deinen Läufen - beste Zeiten, Verbesserungen und Vergleiche.</p>
|
||||
<button class="btn btn-primary" style="margin-top: 1rem;" onclick="event.stopPropagation(); showStatistics();" data-de="Statistiken öffnen" data-en="Open Statistics">Statistiken öffnen</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -189,6 +223,139 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Analytics Section -->
|
||||
<div id="analyticsSection" class="analytics-section" style="display: none;">
|
||||
<div class="section-header">
|
||||
<h2 data-de="📊 Analytics" data-en="📊 Analytics">📊 Analytics</h2>
|
||||
<p data-de="Detaillierte Analyse deiner Performance und Trends" data-en="Detailed analysis of your performance and trends">Detaillierte Analyse deiner Performance und Trends</p>
|
||||
</div>
|
||||
|
||||
<!-- Performance Overview -->
|
||||
<div class="analytics-grid">
|
||||
<div class="analytics-card">
|
||||
<h3>📈 Performance-Trends</h3>
|
||||
<div class="trend-stats">
|
||||
<div class="trend-item">
|
||||
<span class="trend-label">Diese Woche:</span>
|
||||
<span class="trend-value" id="avgTimeThisWeekDetail">--:--</span>
|
||||
</div>
|
||||
<div class="trend-item">
|
||||
<span class="trend-label">Letzte Woche:</span>
|
||||
<span class="trend-value" id="avgTimeLastWeek">--:--</span>
|
||||
</div>
|
||||
<div class="trend-item">
|
||||
<span class="trend-label">Verbesserung:</span>
|
||||
<span class="trend-value" id="improvementDetail">+0.0%</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="analytics-card">
|
||||
<h3>🏃♂️ Aktivitäts-Heatmap</h3>
|
||||
<div class="activity-stats">
|
||||
<div class="activity-item">
|
||||
<span class="activity-label">Heute:</span>
|
||||
<span class="activity-value" id="runsToday">0 Läufe</span>
|
||||
</div>
|
||||
<div class="activity-item">
|
||||
<span class="activity-label">Diese Woche:</span>
|
||||
<span class="activity-value" id="runsThisWeekDetail">0 Läufe</span>
|
||||
</div>
|
||||
<div class="activity-item">
|
||||
<span class="activity-label">Durchschnitt/Tag:</span>
|
||||
<span class="activity-value" id="avgRunsPerDay">0.0</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="analytics-card">
|
||||
<h3>🏆 Standort-Performance</h3>
|
||||
<div class="location-stats" id="locationPerformance">
|
||||
<p data-de="Lade Standort-Daten..." data-en="Loading location data...">Lade Standort-Daten...</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="analytics-card">
|
||||
<h3>📅 Monatlicher Fortschritt</h3>
|
||||
<div class="monthly-stats">
|
||||
<div class="monthly-item">
|
||||
<span class="monthly-label">Dieser Monat:</span>
|
||||
<span class="monthly-value" id="runsThisMonth">0 Läufe</span>
|
||||
</div>
|
||||
<div class="monthly-item">
|
||||
<span class="monthly-label">Letzter Monat:</span>
|
||||
<span class="monthly-value" id="runsLastMonth">0 Läufe</span>
|
||||
</div>
|
||||
<div class="monthly-item">
|
||||
<span class="monthly-label">Beste Zeit:</span>
|
||||
<span class="monthly-value" id="bestTimeThisMonth">--:--</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Statistics Section -->
|
||||
<div id="statisticsSection" class="statistics-section" style="display: none;">
|
||||
<div class="section-header">
|
||||
<h2 data-de="📊 Statistiken" data-en="📊 Statistics">📊 Statistiken</h2>
|
||||
<p data-de="Detaillierte Statistiken zu deinen Läufen und Vergleiche" data-en="Detailed statistics about your runs and comparisons">Detaillierte Statistiken zu deinen Läufen und Vergleiche</p>
|
||||
</div>
|
||||
|
||||
<!-- Personal Records -->
|
||||
<div class="statistics-grid">
|
||||
<div class="statistics-card">
|
||||
<h3>🏆 Persönliche Bestzeiten</h3>
|
||||
<div class="personal-records" id="personalRecords">
|
||||
<p data-de="Lade Bestzeiten..." data-en="Loading best times...">Lade Bestzeiten...</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="statistics-card">
|
||||
<h3>📊 Konsistenz-Metriken</h3>
|
||||
<div class="consistency-stats">
|
||||
<div class="consistency-item">
|
||||
<span class="consistency-label">Durchschnittszeit:</span>
|
||||
<span class="consistency-value" id="averageTime">--:--</span>
|
||||
</div>
|
||||
<div class="consistency-item">
|
||||
<span class="consistency-label">Standardabweichung:</span>
|
||||
<span class="consistency-value" id="timeDeviation">--:--</span>
|
||||
</div>
|
||||
<div class="consistency-item">
|
||||
<span class="consistency-label">Konsistenz-Score:</span>
|
||||
<span class="consistency-value" id="consistencyScore">0%</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="statistics-card">
|
||||
<h3>🏅 Ranglisten-Positionen</h3>
|
||||
<div class="ranking-stats" id="rankingStats">
|
||||
<p data-de="Lade Ranglisten..." data-en="Loading rankings...">Lade Ranglisten...</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="statistics-card">
|
||||
<h3>📈 Fortschritt-Übersicht</h3>
|
||||
<div class="progress-stats">
|
||||
<div class="progress-item">
|
||||
<span class="progress-label">Gesamte Läufe:</span>
|
||||
<span class="progress-value" id="totalRunsStats">0</span>
|
||||
</div>
|
||||
<div class="progress-item">
|
||||
<span class="progress-label">Aktive Tage:</span>
|
||||
<span class="progress-value" id="activeDays">0</span>
|
||||
</div>
|
||||
<div class="progress-item">
|
||||
<span class="progress-label">Standorte besucht:</span>
|
||||
<span class="progress-value" id="locationsVisited">0</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Achievements Section -->
|
||||
<div class="achievements-section">
|
||||
<div class="achievements-header">
|
||||
|
||||
Reference in New Issue
Block a user