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

feat: move statistics action buttons above image list (#12)

Browse source 
* feat: move statistics action buttons above image list

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* feat: add statistics button to start screen

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* feat: swap button order on statistics screen

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

---------

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Claudio Schaad 2026-02-25 22:14:56 +01:00 committed by GitHub
parent 1fa68f5de1
commit 60bbe4379f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 42 additions and 41 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

77
MemoryGame/Pages/Home.razor
View file

@ -13,33 +13,7 @@
<h2>Lädt...</h2> <h2>Lädt...</h2>
</div> </div>
} }
else if (_currentSession == null) else if (_showStatistics)
{
<div class="start-screen">
<h1>Memory-Spiel</h1>
<p class="subtitle">Übe das Zuordnen von Bildern zu Wörtern</p>
<button class="btn-start" @onclick="StartNewGame">Neues Spiel starten</button>
</div>
}
else if (_currentSession.IsComplete && !_showStatistics)
{
<div class="results-screen">
<h1>Spiel beendet!</h1>
<div class="results">
<div class="result-item correct">
<span class="result-label">Richtig:</span>
<span class="result-value">@_currentSession.CorrectAnswers</span>
</div>
<div class="result-item incorrect">
<span class="result-label">Falsch:</span>
<span class="result-value">@_currentSession.IncorrectAnswers</span>
</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() var words = GameService.GetWords()
.OrderBy(w => w.CorrectCount + w.IncorrectCount == 0 ? 1 : 0) .OrderBy(w => w.CorrectCount + w.IncorrectCount == 0 ? 1 : 0)
@ -64,6 +38,21 @@
} }
</div> </div>
<button class="btn-start" @onclick="GoToStart">Zurück zum Start</button>
@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>
}
<div class="stats-list"> <div class="stats-list">
@foreach (var word in words) @foreach (var word in words)
{ {
@ -83,21 +72,33 @@
</div> </div>
} }
</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> </div>
} }
else else if (_currentSession == null)
{ {
<button class="btn-reset" @onclick="() => _confirmReset = true">Zurücksetzen</button> <div class="start-screen">
<h1>Memory-Spiel</h1>
<p class="subtitle">Übe das Zuordnen von Bildern zu Wörtern</p>
<button class="btn-start" @onclick="StartNewGame">Neues Spiel starten</button>
<button class="btn-stats" @onclick="ShowStatistics">Statistik</button>
</div>
} }
else if (_currentSession.IsComplete)
<button class="btn-start" @onclick="GoToStart">Zurück zum Start</button> {
<div class="results-screen">
<h1>Spiel beendet!</h1>
<div class="results">
<div class="result-item correct">
<span class="result-label">Richtig:</span>
<span class="result-value">@_currentSession.CorrectAnswers</span>
</div>
<div class="result-item incorrect">
<span class="result-label">Falsch:</span>
<span class="result-value">@_currentSession.IncorrectAnswers</span>
</div>
</div>
<button class="btn-start" @onclick="StartNewGame">Nochmal spielen</button>
<button class="btn-stats" @onclick="ShowStatistics">Statistik anzeigen</button>
</div> </div>
} }
else else