Plotter
Released
A competitive city-building game where everyone builds on one shared board.
Ui/Punchboard/PbRoundTrack.razor
A round track UI component that displays the progression of a match. It renders a series of divs to represent individual rounds, using CSS classes to mark which rounds are completed, currently active, or upcoming based on its parameters.
@namespace CitySim.Punchboard
@using Sandbox.UI
@inherits Panel
<root class="pb-round-track">
@for ( var i = 1; i <= Total; i++ )
{
<div class="pb-pip @(i < Current ? "done" : i == Current ? "now" : "")"></div>
}
</root>
@code
{
/// <summary>Number of rounds in the match.</summary>
[Parameter] public int Total { get; set; } = 8;
/// <summary>The current round, 1-based.</summary>
[Parameter] public int Current { get; set; } = 1;
protected override int BuildHash() => HashCode.Combine(GameText.LanguageCode, HashCode.Combine( Total, Current ));
}