shosho996
ff75c8ce2f
User Profile info, no game before login/register, menu bar --------- Co-authored-by: Lala, Shahd <Shahd.Lala@sybit.de> Co-authored-by: shahdlala66 <shahd.lala66@gmail.com> Reviewed-on: #2
33 lines
1.2 KiB
HTML
33 lines
1.2 KiB
HTML
<div class="board-shell">
|
|
<div class="board-grid" [class.board-grid--classic]="boardTheme === 'classic'" [class.board-grid--arabian]="boardTheme === 'arabian'">
|
|
@for (square of squares; track trackByCoordinate($index, square)) {
|
|
<button
|
|
type="button"
|
|
class="square"
|
|
[class.light]="square.isLight"
|
|
[class.dark]="!square.isLight"
|
|
[class.selected]="isSelected(square)"
|
|
[class.highlighted]="isHighlighted(square)"
|
|
[class.drag-source]="isDraggingSource(square)"
|
|
[class.drag-over]="isDragOver(square)"
|
|
[attr.data-square]="square.coordinate"
|
|
(click)="onSquareClick(square)"
|
|
(dragover)="onSquareDragOver($event, square)"
|
|
(drop)="onSquareDrop($event, square)"
|
|
>
|
|
<app-chess-piece
|
|
[pieceCode]="square.pieceCode"
|
|
[boardTheme]="boardTheme"
|
|
[draggable]="!!square.pieceCode"
|
|
(pieceDragStart)="onPieceDragStart($event, square)"
|
|
(pieceDragEnd)="onSquareDragEnd()"
|
|
/>
|
|
</button>
|
|
}
|
|
</div>
|
|
|
|
@if (boardTheme === 'arabian') {
|
|
<img class="board-bottom" src="/assets/arabian-chess/sprites/board/board_bottom.png" alt="Board frame" />
|
|
}
|
|
</div>
|