ROENROLL-1894,1905,1899

src/app/dars/audit/audit.component.html

@@ -117,8 +117,14 @@
       <button mat-stroked-button color="primary" (click)="openAllRequirements()">Open All Sections</button>
       <button mat-stroked-button color="primary" (click)="closeAllRequirements()">Close All Sections</button>
     </div>
-    <mat-accordion multi="true" hideToggle="true" #requirements>
 
+    <div>
+        <p *ngIf="audit.topSection.whatIfCautionText">{{ audit.topSection.whatIfCautionText }}</p>
+        <p *ngIf="audit.completeText" style="text-align: center">{{ audit.completeText }}</p>
+    </div>
+
+
+    <mat-accordion multi="true" hideToggle="true" #requirements>
       <!-- START OF REQUIREMENT -->
       <ng-container *ngFor="let requirement of audit.requirements; trackBy: trackReq">
 

src/app/dars/audit/audit.component.scss

@@ -12,6 +12,9 @@ $black: #000000;
       font-size: 1.2rem;
     }
   }
+  .material-icons {
+    line-height: 0.5;
+  }
 }
 
 .audit-metadata {
@@ -118,7 +121,7 @@ $black: #000000;
 .requirement-title {
   display: flex;
   justify-content: flex-start;
-  font-size: 1.35rem;
+  font-size: 1rem;
 
   &.status-ok {
     color: $green;
@@ -177,7 +180,7 @@ $black: #000000;
 .content-type-okSubrequirementTLine,
 .content-type-noSubrequirementTLine {
   margin-top: 20px;
-  font-weight: bold;
+  font-weight: 500;
 
   > p {
     display: flex;

src/app/dars/dars-audit-view/dars-audit-view.component.ts

@@ -91,7 +91,7 @@ export class AuditViewComponent implements OnInit {
   }
 
   public openNewTab() {
-    // TODO
+    window.open(window.location.href, '_blank', 'noopener noreferrer');
   }
 
   public closeAudit() {

src/app/dars/dars-view/dars-view.component.ts

@@ -96,8 +96,4 @@ export class DARSViewComponent implements OnInit {
   public closeAudit() {
     this.store.dispatch(new darsActions.CloseAudit());
   }
-
-  public openNewTab() {
-    window.open(window.location.href, '_blank', 'noopener noreferrer');
-  }
 }

src/app/dars/metadata-table/metadata-table.component.html

@@ -64,10 +64,10 @@
     <ng-container matColumnDef="download">
       <th mat-header-cell *matHeaderCellDef></th>
       <td mat-cell *matCellDef="let audit">
-        <button mat-stroked-button>
+        <a mat-stroked-button href="/darspdfservice?reportId={{ audit?.darsDegreeAuditReportId }}">
           <mat-icon>vertical_align_bottom</mat-icon>
           <span class="cdk-visually-hidden">Download Audit PDF for {{(audit.darsDegreeProgramDescription || '').toLowerCase()}} Program of Study</span>
-        </button>
+        </a>
       </td>
     </ng-container>
 

src/app/dars/new-degree-audit-dialog/new-degree-audit-dialog.component.html

@@ -110,7 +110,7 @@
     </mat-step>
 
     <mat-step [stepControl]="chosenCreditSettings" label="Select credits">
-      <p>To provide a more accurate audit, specify the number of credits you plant to take in the following courses:</p>
+      <p>To provide a more accurate audit, specify the number of credits you plan to take in the following courses:</p>
 
       <form [formGroup]="chosenCreditSettings">
         <ng-container *ngIf="variableCreditCourses$ | async as variableCreditCourses; else loading">

src/app/dars/new-what-if-audit-dialog/new-what-if-audit-dialog.component.html

@@ -134,7 +134,7 @@
     </mat-step>
 
     <mat-step [stepControl]="chosenCreditSettings" label="Select credits">
-      <p>To provide a more accurate audit, specify the number of credits you plant to take in the following courses:</p>
+      <p>To provide a more accurate audit, specify the number of credits you plan to take in the following courses:</p>
 
       <form [formGroup]="chosenCreditSettings">
         <ng-container *ngIf="variableCreditCourses$ | async as variableCreditCourses; else loading">