WIP: Add Game Component
- Create Component - Add logic to switch "pages" in component - add "select player" logic
This commit is contained in:
@@ -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>
|
||||
Reference in New Issue
Block a user