diff --git a/src/app/degree-planner/sidenav-menu-item/sidenav-menu-item.component.html b/src/app/degree-planner/sidenav-menu-item/sidenav-menu-item.component.html index 7e9f95e973c5bcafbab626cf5dfa9f4f7fe24589..c72fe30689c591590d123c492702718c434b8b01 100644 --- a/src/app/degree-planner/sidenav-menu-item/sidenav-menu-item.component.html +++ b/src/app/degree-planner/sidenav-menu-item/sidenav-menu-item.component.html @@ -73,22 +73,17 @@ matTooltipPosition="left">print</i> Print </button> - <a - target="_blank" - href="/api/degreeplanpdf?roadmapId={{ planId }}" - mat-button - class="sidenav-link-btn"> - <svg + <button mat-menu-item class="sidenav-link-btn" (click)="downloadPdf()"> + <svg alt="Download PDF icon" matTooltip="Download PDF" matTooltipPosition="left" - class="material-icons" - style="width:24px;height:24px" + style="width:24px;height:24px;position:relative;top:7px;" viewBox="0 0 24 24"> <path fill="#0479a8" d="M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z" /> </svg> Download PDF - </a> + </button> <button mat-button class="sidenav-link-btn" (click)="onCreatePlanClick()"> <i class="material-icons" @@ -103,7 +98,6 @@ alt="Add Academic Year icon" matTooltip="Add academic year" matTooltipPosition="left" - class="material-icons" style="width:24px;height:24px" viewBox="0 0 24 24"> <path diff --git a/src/app/degree-planner/sidenav-menu-item/sidenav-menu-item.component.ts b/src/app/degree-planner/sidenav-menu-item/sidenav-menu-item.component.ts index 73c2d74430e64bec19ec3979de16405e0300985f..a86bdf606d34ddf5c8a77c1f3b388b04d14f94df 100644 --- a/src/app/degree-planner/sidenav-menu-item/sidenav-menu-item.component.ts +++ b/src/app/degree-planner/sidenav-menu-item/sidenav-menu-item.component.ts @@ -53,6 +53,12 @@ export class SidenavMenuItemComponent implements OnDestroy { window.print(); } + public downloadPdf() { + // FIXME + // window.open('/api/degreeplanpdf?roadmapId=' + this.planId); + this.snackBar.open('Not supported yet'); + } + public onCreatePlanClick() { this.dialog .open(PromptDialogComponent, {