From 1ff0f395360f938703914d52b47fbe9bf47c9519 Mon Sep 17 00:00:00 2001
From: ievavold <ievavold@wisc.edu>
Date: Tue, 22 Jan 2019 13:22:34 -0600
Subject: [PATCH] only render container if term data supports it
---
.../degree-planner.component.html | 36 +++++++++++--------
1 file changed, 21 insertions(+), 15 deletions(-)
diff --git a/src/app/degree-planner/degree-planner.component.html b/src/app/degree-planner/degree-planner.component.html
index 6389b3c..ce474db 100644
--- a/src/app/degree-planner/degree-planner.component.html
+++ b/src/app/degree-planner/degree-planner.component.html
@@ -30,21 +30,27 @@
</mat-panel-title>
</mat-expansion-panel-header>
<div fxLayout="row" fxLayout.lt-md="column" fxLayoutGap="20px" fxLayoutAlign="start stretch" class="term-container-wrapper">
- <cse-term-container
- id="term-1{{term[0].year}}2"
- fxFlex="33%"
- [termCode]="term[0].termCode"
- [courses]="term[0].courses"></cse-term-container>
- <cse-term-container
- id="term-1{{term[0].year}}4"
- fxFlex="33%"
- [termCode]="term[1].termCode"
- [courses]="term[1].courses"></cse-term-container>
- <cse-term-container
- id="term-1{{term[0].year}}6"
- fxFlex="33%"
- [termCode]="term[2].termCode"
- [courses]="term[2].courses"></cse-term-container>
+ <ng-container *ngIf="term.length >= 1">
+ <cse-term-container
+ id="term-1{{term[0].year}}2"
+ fxFlex="33%"
+ [termCode]="term[0].termCode"
+ [courses]="term[0].courses"></cse-term-container>
+ </ng-container>
+ <ng-container *ngIf="term.length >= 2">
+ <cse-term-container
+ id="term-1{{term[0].year}}4"
+ fxFlex="33%"
+ [termCode]="term[1].termCode"
+ [courses]="term[1].courses"></cse-term-container>
+ </ng-container>
+ <ng-container *ngIf="term.length >= 3">
+ <cse-term-container
+ id="term-1{{term[0].year}}6"
+ fxFlex="33%"
+ [termCode]="term[2].termCode"
+ [courses]="term[2].courses"></cse-term-container>
+ </ng-container>
</div>
</mat-expansion-panel>
</ng-container>
--
GitLab