| <!-- 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> |