diff --git a/src/app/degree-planner/term-container/term-container.component.html b/src/app/degree-planner/term-container/term-container.component.html index c30b3bc8c5f15a0701fd7a3c834c4a8f825f5e7b..154b0f5c66be7956ab7d7216956c9f853352ea9b 100644 --- a/src/app/degree-planner/term-container/term-container.component.html +++ b/src/app/degree-planner/term-container/term-container.component.html @@ -166,53 +166,29 @@ <!-- If this term is an active term --> <ng-container *ngIf="(term$ | async).era === 'active'"> - <mat-tab-group - (selectedTabChange)="changeVisibleCredits($event)" - [selectedIndex]="1" - > - <mat-tab [label]="'In Progress (' + enrolledCourses.length + ')'" - ><ng-container - cdkFocusinitial - *ngTemplateOutlet="enrolled" - ></ng-container - ></mat-tab> - <mat-tab [label]="'Cart (' + plannedCourses.length + ')'" - ><ng-container - cdkFocusinitial - *ngTemplateOutlet="planned" - ></ng-container - ></mat-tab> + <mat-tab-group (selectedTabChange)="changeVisibleCredits($event)" [selectedIndex]="1"> + <mat-tab [label]="'In Progress (' + enrolledCourses.length + ')'"> + <ng-container cdkFocusinitial *ngTemplateOutlet="enrolled"></ng-container> + </mat-tab> + <mat-tab [label]="'Cart (' + plannedCourses.length + ')'"> + <ng-container cdkFocusinitial *ngTemplateOutlet="planned"></ng-container> + </mat-tab> </mat-tab-group> </ng-container> <!-- If this term is a past term --> <ng-container *ngIf="(term$ | async).era === 'past'"> - <ng-container *ngIf="plannedCourses.length > 0"> - <mat-tab-group - (selectedTabChange)="changeVisibleCredits($event)" - [selectedIndex]="0" - > - <mat-tab [label]="'Completed (' + enrolledCourses.length + ')'" - ><ng-container - cdkFocusinitial - *ngTemplateOutlet="enrolled" - ></ng-container - ></mat-tab> - <mat-tab [label]="'Cart (' + plannedCourses.length + ')'" - ><ng-container - cdkFocusinitial - *ngTemplateOutlet="planned" - ></ng-container - ></mat-tab> - </mat-tab-group> - </ng-container> - - <ng-container *ngIf="plannedCourses.length === 0"> - <ng-container cdkFocusinitial *ngTemplateOutlet="enrolled"></ng-container> - </ng-container> + <mat-tab-group (selectedTabChange)="changeVisibleCredits($event)" [selectedIndex]="0"> + <mat-tab [label]="'Completed (' + enrolledCourses.length + ')'"> + <ng-container cdkFocusinitial *ngTemplateOutlet="enrolled"></ng-container> + </mat-tab> + <mat-tab [label]="'Cart (' + plannedCourses.length + ')'"> + <ng-container cdkFocusinitial *ngTemplateOutlet="planned"></ng-container> + </mat-tab> + </mat-tab-group> </ng-container> - <!-- If this term is a past term --> + <!-- If this term is a future term --> <ng-container *ngIf="(term$ | async).era === 'future'"> <ng-container cdkFocusinitial *ngTemplateOutlet="planned"></ng-container> </ng-container>