Add pipe to get grade symbols.

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

@@ -203,7 +203,10 @@
 
                             <ng-container matColumnDef="grade">
                               <th mat-header-cell *matHeaderCellDef scope="col">Grade</th>
-                              <td mat-cell *matCellDef="let course">{{course.grade}}</td>
+                              <td mat-cell *matCellDef="let course">
+                                <span *ngIf="!(course.grade | courseGrade)">{{course.grade}}</span>
+                                <cse-audit-symbol *ngIf="(course.grade | courseGrade)" [symbol]="course.grade | courseGrade"></cse-audit-symbol>
+                              </td>
                             </ng-container>
 
                             <ng-container matColumnDef="title">

src/app/dars/dars.module.ts

@@ -18,6 +18,7 @@ import { RequirementSymbolsPipe } from './pipes/requirement-symbols.pipe';
 import { SchoolOrCollegePipe } from './pipes/school-college.pipe';
 import { AuditNamePipe } from './pipes/name-format.pipe';
 import { CourseNotePipe } from './pipes/course-note.pipe';
+import { CourseGradePipe } from './pipes/course-grade.pipe';
 import { NewDegreeAuditDialogComponent } from './new-degree-audit-dialog/new-degree-audit-dialog.component';
 import { NewWhatIfAuditDialogComponent } from './new-what-if-audit-dialog/new-what-if-audit-dialog.component';
 import { AuditViewComponent } from './dars-audit-view/dars-audit-view.component';
@@ -41,6 +42,7 @@ import { AuditSymbolComponent } from './audit-symbol/audit-symbol.component';
     SchoolOrCollegePipe,
     AuditNamePipe,
     CourseNotePipe,
+    CourseGradePipe,
     NewDegreeAuditDialogComponent,
     NewWhatIfAuditDialogComponent,
     DARSViewComponent,

src/app/dars/pipes/course-grade.pipe.ts

+import { Pipe, PipeTransform } from '@angular/core';
+import { AuditSymbol } from '../models/audit-symbols';
+import { AuditSymbolsService } from '../services/audit-symbols.service';
+
+@Pipe({ name: 'courseGrade', pure: true })
+export class CourseGradePipe implements PipeTransform {
+  constructor(public symbols: AuditSymbolsService) { }
+
+  public transform(grade: string | null): AuditSymbol | undefined {
+    return this.symbols.getByTaxonomy('grade').find(s => s.text === grade);
+  }
+}