From 1c52da37c679bcef0b67331e91a7e241541416e3 Mon Sep 17 00:00:00 2001 From: ievavold <ievavold@wisc.edu> Date: Wed, 6 Feb 2019 10:14:22 -0600 Subject: [PATCH] add degree plan settings menu --- .../degree-planner/degree-planner.component.html | 12 ++++++++---- .../degree-planner/degree-planner.component.ts | 15 +++++++++++++++ 2 files changed, 23 insertions(+), 4 deletions(-) diff --git a/src/app/degree-planner/degree-planner.component.html b/src/app/degree-planner/degree-planner.component.html index d4eec22..b361933 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 511b3f1..8a8b8da 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']; -- GitLab