Skip to content

Add 5 major features: Template Library, Custom Judges, Spectator Mode, Achievements, and Game History #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
Copilot wants to merge 5 commits into
base: master
Choose a base branch
from
Draft

Add 5 major features: Template Library, Custom Judges, Spectator Mode, Achievements, and Game History #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
58584c5
Initial plan
Copilot Jan 19, 2026
40255c3
Add prompt template library, custom judge personas, and spectator mode
Copilot Jan 19, 2026
da88312
Add player achievement system with stats tracking and leaderboard
Copilot Jan 19, 2026
234cf23
Add game history tracking and review page
Copilot Jan 19, 2026
17d441e
Address code review feedback: improve performance and maintainability
Copilot Jan 19, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
191 changes: 191 additions & 0 deletions Components/Pages/History.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,191 @@
@page "/history"
@using PromptRuckus.Services
@using PromptRuckus.Models
@inject GameHistoryService HistoryService
@inject NavigationManager Nav
@rendermode InteractiveServer

<div class="game-container">
<div class="title-hero">
<h1>📜 遊戲歷史</h1>
<p>回顧過往精彩對局</p>
<button class="btn btn-sm" style="margin-top: 1rem;" @onclick='() => Nav.NavigateTo("/")'>
← 回首頁
</button>
</div>

<div style="background: rgba(255,255,255,0.9); border-radius: 12px; padding: 1.5rem; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
@if (!string.IsNullOrEmpty(_playerId))
{
<div style="margin-bottom: 1rem;">
<button class="btn btn-sm" style="@(_showAll ? "background: #dfe6e9;" : "background: #6c5ce7; color: white;")" @onclick="() => _showAll = false">
我的遊戲
</button>
<button class="btn btn-sm" style="@(_showAll ? "background: #6c5ce7; color: white;" : "background: #dfe6e9;")" @onclick="() => _showAll = true">
全部遊戲
</button>
</div>
}

<div style="margin-bottom: 1rem; color: #636e72;">
共 @(_games.Count) 場遊戲記錄
</div>

@if (_games.Count == 0)
{
<div style="text-align: center; padding: 2rem; color: #636e72;">
<p>目前沒有遊戲記錄</p>
</div>
}
else
{
<div style="display: flex; flex-direction: column; gap: 1rem;">
@foreach (var game in _games)
{
<div class="game-history-card" @onclick="() => SelectGame(game.Id)" style="cursor: pointer;">
<div class="game-header">
<div style="flex: 1;">
<div style="font-weight: bold; color: #2d3436; margin-bottom: 0.25rem;">
房間 @game.RoomId | @game.TotalRounds 回合
</div>
<div style="font-size: 0.85rem; color: #636e72;">
@game.CompletedAt.ToString("yyyy/MM/dd HH:mm")
</div>
</div>
<div style="text-align: right;">
<div style="font-size: 1.2rem; margin-bottom: 0.25rem;">
🏆 @game.WinnerName
</div>
<div style="font-size: 0.9rem; color: #00b894; font-weight: bold;">
@game.WinnerScore 分
</div>
</div>
</div>
<div style="margin-top: 0.5rem; padding-top: 0.5rem; border-top: 1px solid #dfe6e9;">
<div style="font-size: 0.85rem; color: #636e72;">
參與玩家: @string.Join(", ", game.ParticipantNames)
</div>
</div>
@if (_selectedGameId == game.Id)
{
<div class="game-details" @onclick:stopPropagation="true">
@foreach (var round in game.Rounds)
{
<div class="round-detail">
<h4 style="margin: 0 0 0.5rem 0; color: #6c5ce7;">
回合 @round.RoundNumber
</h4>
<div style="margin-bottom: 0.5rem;">
<strong>題目:</strong> @round.Theme
</div>
<div style="margin-bottom: 0.5rem;">
<strong>評審:</strong> @round.JudgePersona
</div>
<div style="margin-top: 0.75rem;">
<strong>成績:</strong>
<div style="display: flex; flex-direction: column; gap: 0.5rem; margin-top: 0.5rem;">
@{
var playerIdToName = game.ParticipantIds.Zip(game.ParticipantNames, (id, name) => new { id, name }).ToDictionary(x => x.id, x => x.name);
}
@foreach (var result in round.Results.OrderByDescending(r => r.Score))
{
var playerName = playerIdToName.TryGetValue(result.PlayerId, out var name) ? name : "Unknown";
<div style="display: flex; justify-content: space-between; align-items: center; background: #f8f9fa; padding: 0.5rem; border-radius: 4px;">
<span>@playerName</span>
<span style="font-weight: bold; color: @(result.Score >= 90 ? "#00b894" : result.Score >= 70 ? "#fdcb6e" : "#636e72");">
@result.Score 分
</span>
</div>
}
</div>
</div>
</div>
}
</div>
}
</div>
}
</div>
}
</div>
</div>

<style>
.game-history-card {
background: white;
border: 2px solid #dfe6e9;
border-radius: 8px;
padding: 1rem;
transition: all 0.2s;
}

.game-history-card:hover {
border-color: #6c5ce7;
box-shadow: 0 4px 12px rgba(108, 92, 231, 0.15);
}

.game-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
}

.game-details {
margin-top: 1rem;
padding-top: 1rem;
border-top: 2px solid #6c5ce7;
}

.round-detail {
background: rgba(108, 92, 231, 0.05);
padding: 1rem;
border-radius: 6px;
margin-bottom: 1rem;
}

.round-detail:last-child {
margin-bottom: 0;
}
</style>

@code {
[SupplyParameterFromQuery] public string? PlayerId { get; set; }

private string _playerId = "";
private bool _showAll = false;
private List<GameHistory> _games = new();
private string? _selectedGameId = null;

protected override void OnInitialized()
{
if (!string.IsNullOrEmpty(PlayerId))
{
_playerId = PlayerId;
}
LoadGames();
}

private void LoadGames()
{
if (_showAll || string.IsNullOrEmpty(_playerId))
{
_games = HistoryService.GetAllGames();
}
else
{
_games = HistoryService.GetPlayerGames(_playerId);
}
}

private void SelectGame(string gameId)
{
if (_selectedGameId == gameId)
{
_selectedGameId = null;
}
else
{
_selectedGameId = gameId;
}
}
}
9 changes: 9 additions & 0 deletions Components/Pages/Home.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,6 +42,15 @@
⚠️ @_errorMessage
</div>
}

<div style="margin-top: 1rem; text-align: center; display: flex; gap: 0.5rem; justify-content: center;">
<button class="btn btn-sm" style="background: #74b9ff; color: white;" @onclick='() => Nav.NavigateTo("/stats")'>
📊 統計與成就
</button>
<button class="btn btn-sm" style="background: #a29bfe; color: white;" @onclick='() => Nav.NavigateTo("/history")'>
📜 遊戲歷史
</button>
</div>
</div>
</div>

Expand Down
Loading