blob: fc211645da0e9c527203936c90c2f53379f55d46 [file] [log] [blame]
<!-- Hidden element for protractor to disable alerts. -->
<form class="visually-hidden">
<input type="checkbox" name="block_alerts" value="1" id="block_alerts" #block_alerts>
</form>
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link" [class.active]="tabIs('MatchList')" (click)="switchTabToGuarded('MatchList')">Match List</a>
</li>
<li class="nav-item">
<a class="nav-link" [class.active]="tabIs('Entry')" (click)="switchTabToGuarded('Entry')">Data Entry</a>
</li>
<li class="nav-item">
<a class="nav-link" [class.active]="tabIs('ImportMatchList')" (click)="switchTabToGuarded('ImportMatchList')">Import Match List</a>
</li>
</ul>
<ng-container [ngSwitch]="tab">
<app-match-list (selectedTeamEvent)="selectTeamInMatch($event)" *ngSwitchCase="'MatchList'"></app-match-list>
<app-entry (switchTabsEvent)="switchTabTo($event)" [teamNumber]="selectedTeamInMatch.teamNumber" [matchNumber]="selectedTeamInMatch.matchNumber" *ngSwitchCase="'Entry'"></app-entry>
<app-import-match-list *ngSwitchCase="'ImportMatchList'"></app-import-match-list>
</ng-container>