add degree plan settings menu

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

@@ -27,11 +27,15 @@
 					</mat-option>
 				</mat-select>
 			</mat-form-field>
-			<button mat-button class="btn-primary">Check Plan (DARS)</button>
-			<button id="menu-toggle-btn" mat-button (click)="rightMenu.toggle()">
-				<i *ngIf="rightMenu.opened" class="material-icons">chevron_right</i>
-				<i *ngIf="!rightMenu.opened" class="material-icons">chevron_left</i>
+
+			<button mat-icon-button [matMenuTriggerFor]="degreePlanMenu">
+				<mat-icon>settings</mat-icon>
 			</button>
+			<mat-menu #degreePlanMenu="matMenu">
+				<button mat-menu-item (click)="onRenamePlanClick()">Rename plan</button>
+				<button mat-menu-item (click)="onPrintPlanClick()">Print plan</button>
+				<button mat-menu-item (click)="onSharePlanClick()">Share plan</button>
+			</mat-menu>
 		</div>
 
 		<div fxLayout="column" fxLayoutGap="20px" fxLayoutAlign="start stretch" style="margin: 24px">

src/app/degree-planner/degree-planner.component.ts

@@ -63,6 +63,21 @@ export class DegreePlannerComponent implements OnInit {
     }
   }
 
+  public onRenamePlanClick() {
+    // TODO
+    console.log('onRenamePlanClick');
+  }
+
+  public onPrintPlanClick() {
+    // TODO
+    console.log('onPrintPlanClick');
+  }
+
+  public onSharePlanClick() {
+    // TODO
+    console.log('onSharePlanClick');
+  }
+
   public getTermDropZone() {
     const termCodes = ['favoriteCourse-dropZone'];