mirror of
https://github.com/danbee/chess
synced 2025-03-04 08:39:06 +00:00
42 lines
1.3 KiB
Plaintext
42 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 <- 0..7 do %>
|
|
<%= for file <- 0..7 do %>
|
|
<%= render ChessWeb.SquareView,
|
|
"square.html",
|
|
rank: rank,
|
|
file: file,
|
|
piece: piece(@board, {file, rank}),
|
|
selected: {file, rank} == @selected,
|
|
available: {file, rank} in @available %>
|
|
<% end %>
|
|
<% end %>
|
|
</div>
|
|
|
|
<div class="game-state game-state--<%= @game.state %>">
|
|
<%= states(@game.state) %>
|
|
</div>
|
|
</div>
|