clayschaad/MemoryGame
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add statistics screen view state to Home.razor

Browse source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Claudio Schaad 2026-02-24 20:28:33 +01:00
parent 656c4e7a8e
commit d39c3b2705
1 changed files with 84 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

84
MemoryGame/Pages/Home.razor
View file

@ -21,7 +21,7 @@
<button class="btn-start" @onclick="StartNewGame">Neues Spiel starten</button>
</div>
}
else if (_currentSession.IsComplete)
else if (_currentSession.IsComplete && !_showStatistics)
{
<div class="results-screen">
<h1>Spiel beendet!</h1>
@ -36,6 +36,68 @@
</div>
</div>
<button class="btn-start" @onclick="StartNewGame">Nochmal spielen</button>
<button class="btn-stats" @onclick="ShowStatistics">Statistik anzeigen</button>
</div>
}
else if (_currentSession.IsComplete && _showStatistics)
{
var words = GameService.GetWords()
.OrderBy(w => w.CorrectCount + w.IncorrectCount == 0 ? 1 : 0)
.ThenBy(w => w.CorrectCount + w.IncorrectCount == 0
? 0
: (double)w.CorrectCount / (w.CorrectCount + w.IncorrectCount))
.ToList();
var playedWords = words.Where(w => w.CorrectCount + w.IncorrectCount > 0).ToList();
var overallAccuracy = playedWords.Count == 0
? 0
: (int)Math.Round(100.0 * playedWords.Sum(w => w.CorrectCount) / playedWords.Sum(w => w.CorrectCount + w.IncorrectCount));
<div class="stats-screen">
<h1>Statistik</h1>
<div class="stats-summary">
@playedWords.Count von @words.Count Wörtern geübt
@if (playedWords.Count > 0)
{
<span> · @overallAccuracy% richtig</span>
}
</div>
<div class="stats-list">
@foreach (var word in words)
{
var total = word.CorrectCount + word.IncorrectCount;
var accuracy = total == 0 ? 0 : (int)Math.Round(100.0 * word.CorrectCount / total);
var barClass = total == 0 ? "bar-unplayed" : accuracy >= 70 ? "bar-green" : accuracy >= 40 ? "bar-orange" : "bar-red";
<div class="stats-row">
<img src="@word.ImagePath" alt="@word.Word" class="stats-thumbnail" />
<div class="stats-word-info">
<span class="stats-word-name">@word.Word</span>
<div class="stats-bar-container">
<div class="stats-bar @barClass" style="width: @(total == 0 ? 0 : accuracy)%"></div>
</div>
</div>
<span class="stats-accuracy">@(total == 0 ? "—" : $"{accuracy}% richtig")</span>
</div>
}
</div>
@if (_confirmReset)
{
<div class="reset-confirm">
<span>Alle Statistiken wirklich zurücksetzen?</span>
<button class="btn-confirm-yes" @onclick="ConfirmReset">Ja, zurücksetzen</button>
<button class="btn-confirm-no" @onclick="() => _confirmReset = false">Abbrechen</button>
</div>
}
else
{
<button class="btn-reset" @onclick="() => _confirmReset = true">Zurücksetzen</button>
}
<button class="btn-start" @onclick="GoToStart">Zurück zum Start</button>
</div>
}
else
@ -96,6 +158,8 @@
private bool _showFeedback;
private string _feedbackMessage = "";
private string _feedbackClass = "";
private bool _showStatistics;
private bool _confirmReset;
protected override async Task OnInitializedAsync()
{
@ -144,5 +208,23 @@
StateHasChanged();
}
private void ShowStatistics()
{
_showStatistics = true;
}
private void GoToStart()
{
_currentSession = null;
_showStatistics = false;
_confirmReset = false;
}
private async Task ConfirmReset()
{
await GameService.ResetStatisticsAsync();
_confirmReset = false;
StateHasChanged();
}
}