mirror of
https://github.com/danbee/chess
synced 2025-03-04 08:39:06 +00:00
44 lines
1.3 KiB
Plaintext
44 lines
1.3 KiB
Plaintext
<div class="board board--<%= @game.turn %>-to-move board--player-is-<%= player_colour(@user, @game) %>">
|
|
<div class="board__rank-labels">
|
|
<div class="board__label">1</div>
|
|
<div class="board__label">2</div>
|
|
<div class="board__label">3</div>
|
|
<div class="board__label">4</div>
|
|
<div class="board__label">5</div>
|
|
<div class="board__label">6</div>
|
|
<div class="board__label">7</div>
|
|
<div class="board__label">8</div>
|
|
</div>
|
|
|
|
<div class="board__file-labels">
|
|
<div class="board__label">a</div>
|
|
<div class="board__label">b</div>
|
|
<div class="board__label">c</div>
|
|
<div class="board__label">d</div>
|
|
<div class="board__label">e</div>
|
|
<div class="board__label">f</div>
|
|
<div class="board__label">g</div>
|
|
<div class="board__label">h</div>
|
|
</div>
|
|
|
|
<div class="board__body">
|
|
<%= for {rank, row} <- @board do %>
|
|
<div class="board__row">
|
|
<%= for {file, piece} <- row do %>
|
|
<%= render ChessWeb.SquareView,
|
|
"square.html",
|
|
rank: rank,
|
|
file: file,
|
|
piece: piece,
|
|
selected: {file, rank} == @selected,
|
|
available: {file, rank} in @available %>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
|
|
<div class="game-state game-state--<%= @game.state %>">
|
|
<%= states[@game.state] %>
|
|
</div>
|
|
</div>
|