Disable drag on past courses and disable dropping in past terms.

src/app/degree-planner/selectors.ts

@@ -75,12 +75,10 @@ export const getDropZones = createSelector(
 	}
 );
 
-export const isActiveTerm = (termCode: String) => createSelector(
+export const isActiveTerm = (termCode: string) => createSelector(
 	getDegreePlannerState,
 	(state: DegreePlannerState) => {
-		console.log(termCode);
-		// return state.activeTerms.includes(termCode);
-		return true;
+		return state.activeTermCodes.includes(termCode);
 	}
 );
 

src/app/degree-planner/term-container/term-container.component.html

@@ -38,9 +38,15 @@
 				</div>
 			</ng-container>
 
-			<div class="course-wrapper" [cdkDragData]="course" *ngFor="let course of term.courses" cdkDrag>
+			<div 
+				class="course-wrapper" 
+				cdkDrag
+				[cdkDragDisabled]="!(isActiveTerm$ | async)" 
+				[cdkDragData]="course" 
+				*ngFor="let course of term.courses"
+			>
 				<div class="course-wrapper-inner">
-					<cse-course-item [course]="course"></cse-course-item>
+					<cse-course-item [course]="course" [disabled]="!(isActiveTerm$ | async)"></cse-course-item>
 				</div>
 			</div>
 
@@ -49,7 +55,7 @@
 			</div>
 		</div>
 	</div>
-	<div class="add-new-wrapper">
+	<div class="add-new-wrapper" *ngIf="isActiveTerm$ | async">
 		<button mat-raised-button (click)="openAddSidenav()">+ Add Course</button>
 	</div>
 </mat-card>
\ No newline at end of file