diff --git a/src/app/degree-planner/degree-planner.component.html b/src/app/degree-planner/degree-planner.component.html index d4eec22fe0649004921fbe07c07bc85f33dc2f44..b361933fdfd830d7f1725515aeb9440a7b3b29fe 100644 --- a/src/app/degree-planner/degree-planner.component.html +++ b/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"> diff --git a/src/app/degree-planner/degree-planner.component.ts b/src/app/degree-planner/degree-planner.component.ts index 511b3f18ce86fc91e1584d2b5a025e5c93a05ccc..8a8b8da1fa91c2fe64fb5509fb2962fd468aebff 100644 --- a/src/app/degree-planner/degree-planner.component.ts +++ b/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'];