WIP: Add Game Component

- Create Component
- Add logic to switch "pages" in component
- add "select player" logic
This commit is contained in:
2022-09-10 13:38:36 +02:00
parent 9c3547f712
commit 0e6d1b4390
10 changed files with 188 additions and 11 deletions
@@ -0,0 +1,29 @@
<app-header></app-header>
<div id="add-game">
<div id="game-infos">
<!-- The following divs get displayed one after another, kinda wizard-like -->
<div id="which-players" class="visible-{{this.currentPage === 0}}">
<div class="active-{{isPlayerActive(player)}}" *ngFor="let player of potentialPlayers" (click)="togglePlayer(player)">{{player.firstName}}</div>
<p id="player-amount-warn" *ngIf="not4Players()">Illegal amount of players!</p>
<button (click)="switchToNextPage()">Next</button>
</div>
<div id="announcements" class="visible-{{this.currentPage === 1}}">
</div>
<div id="player-teams" class="visible-{{this.currentPage === 2}}">
</div>
<div id="player-points" class="visible-{{this.currentPage === 3}}">
</div>
<div id="which-solo" class="visible-{{this.currentPage === 4}}">
</div>
<div id="extra-points" class="visible-{{this.currentPage === 5}}">
</div>
</div>
<div id="scores">
</div>
</div>