<span class="badge ss" *ngIf="getGradeEnum() == OsuGrade.SS || getGradeEnum() == OsuGrade.SSH">SS</span>
<span class="badge s" *ngIf="getGradeEnum() == OsuGrade.S || getGradeEnum() == OsuGrade.SH">S</span>
<span class="badge a" *ngIf="getGradeEnum() == OsuGrade.A">A</span>
<span class="badge b" *ngIf="getGradeEnum() == OsuGrade.B">B</span>
<span class="badge c" *ngIf="getGradeEnum() == OsuGrade.C">C</span>
<span class="badge d" *ngIf="getGradeEnum() == OsuGrade.D">D</span>
<span *ngIf="![OsuGrade.SS, OsuGrade.SSH, OsuGrade.S, OsuGrade.SH, OsuGrade.A, OsuGrade.B, OsuGrade.C, OsuGrade.D].includes(getGradeEnum())">{{ this.grade }}</span>
