48 lines
1.9 KiB
Plaintext
48 lines
1.9 KiB
Plaintext
@namespace Faraon.Client.Components
|
|
|
|
<div class="game-over-overlay">
|
|
<div class="game-over-card">
|
|
<div class="game-over-title">Výsledky Hry 👑</div>
|
|
|
|
<div class="podium-list">
|
|
@foreach (var player in Players.OrderBy(p => p.FinishedPosition ?? 99))
|
|
{
|
|
<div class="podium-row @(player.FinishedPosition == 1 ? "winner" : "")">
|
|
<div class="podium-pos">
|
|
@if (player.FinishedPosition == 1) { <span>🥇</span> }
|
|
else if (player.FinishedPosition == 2) { <span>🥈</span> }
|
|
else if (player.FinishedPosition == 3) { <span>🥉</span> }
|
|
else { <span>#@(player.FinishedPosition ?? 4)</span> }
|
|
</div>
|
|
<div class="podium-player">
|
|
<span>@player.Avatar</span>
|
|
<span>@player.Name</span>
|
|
@if (player.Type == PlayerType.AI)
|
|
{
|
|
<span style="font-size: 0.75rem; opacity: 0.7;">(AI)</span>
|
|
}
|
|
</div>
|
|
<div>
|
|
@(player.FinishedPosition == 1 ? "Víťaz! 🎉" : $"{player.FinishedPosition}. miesto")
|
|
</div>
|
|
</div>
|
|
}
|
|
</div>
|
|
|
|
<div style="display: flex; gap: 12px; justify-content: center;">
|
|
<button class="btn-primary-glow" @onclick="OnPlayAgain">
|
|
Hrať znova 🔄
|
|
</button>
|
|
<button class="btn-pill" style="padding: 12px 24px;" @onclick="OnBackToLobby">
|
|
Do Lobby 🏠
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@code {
|
|
[Parameter] public List<Player> Players { get; set; } = new();
|
|
[Parameter] public EventCallback OnPlayAgain { get; set; }
|
|
[Parameter] public EventCallback OnBackToLobby { get; set; }
|
|
}
|