Show score in level statistics

LittleBigRefresh · Nov 9, 2023 · 2e3b2fa · 2e3b2fa
1 parent 5a31ad2
commit 2e3b2fa
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 17 deletions.
diff --git a/src/app/api/types/level.ts b/src/app/api/types/level.ts
@@ -14,4 +14,5 @@ export interface Level {
     publisher: User
     teamPicked: boolean
     gameVersion: number
+    score: number
 }
diff --git a/src/app/components/level-statistics/level-statistics.component.html b/src/app/components/level-statistics/level-statistics.component.html
@@ -1,18 +1,22 @@
 <div class="flex gap-2 cursor-default" *ngIf="level">
-  <div title="Yays">
-    <fa-icon [icon]="faThumbsUp"></fa-icon>
-    {{level.yayRatings}}
-  </div>
-  <div title="Boos">
-    <fa-icon [icon]="faThumbsDown"></fa-icon>
-    {{level.booRatings}}
-  </div>
-  <div title="Hearts">
-    <fa-icon [icon]="faHeart"></fa-icon>
-    {{level.hearts}}
-  </div>
-  <div title="Unique Plays">
-    <fa-icon [icon]="faPlay"></fa-icon>
-    {{level.uniquePlays}}
-  </div>
+    <div title="Yays">
+        <fa-icon [icon]="faThumbsUp"></fa-icon>
+        {{level.yayRatings}}
+    </div>
+    <div title="Boos">
+        <fa-icon [icon]="faThumbsDown"></fa-icon>
+        {{level.booRatings}}
+    </div>
+    <div title="Hearts">
+        <fa-icon [icon]="faHeart"></fa-icon>
+        {{level.hearts}}
+    </div>
+    <div title="Unique Plays">
+        <fa-icon [icon]="faPlay"></fa-icon>
+        {{level.uniquePlays}}
+    </div>
+    <div title="Cool Rating (CR)">
+        <fa-icon [icon]="faStar"></fa-icon>
+        {{level.score | number:'1.0-1'}}
+    </div>
 </div>
diff --git a/src/app/components/level-statistics/level-statistics.component.ts b/src/app/components/level-statistics/level-statistics.component.ts
@@ -1,5 +1,5 @@
 import {Component, Input} from '@angular/core';
-import {faHeart, faPlay, faThumbsDown, faThumbsUp} from "@fortawesome/free-solid-svg-icons";
+import {faHeart, faPlay, faStar, faThumbsDown, faThumbsUp} from "@fortawesome/free-solid-svg-icons";
 import {Level} from "../../api/types/level";
 
 @Component({
@@ -13,4 +13,5 @@ export class LevelStatisticsComponent {
     protected readonly faPlay = faPlay;
     protected readonly faThumbsUp = faThumbsUp;
     protected readonly faThumbsDown = faThumbsDown;
+    protected readonly faStar = faStar;
 }