ROENROLL-1487 show tabs in past terms

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>