From a2a9a3a3730affd11cf999c152ea1d31da24e79d Mon Sep 17 00:00:00 2001
From: Patrick Gebhardt <pjgebhardt@icloud.com>
Date: Sun, 21 Jun 2020 15:28:53 +0200
Subject: [PATCH] Improve null data visuals

---
 frontend/src/app/components/result/result.component.html | 4 ++--
 frontend/src/app/components/result/result.component.scss | 3 +++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/components/result/result.component.html b/frontend/src/app/components/result/result.component.html
index 462f3e2..fef4628 100644
--- a/frontend/src/app/components/result/result.component.html
+++ b/frontend/src/app/components/result/result.component.html
@@ -11,7 +11,7 @@
   </div>
   <div class="result-details">
     <table>
-      <tr *ngFor="let score of result.scores">
+      <tr *ngFor="let score of result.scores" [ngClass]="{'undefined': score.value == undefined}">
         <td>
           <div class="cell space">
             <mat-icon>{{PROPERTY_VIS_DEF[score.type].icon}}</mat-icon>
@@ -20,7 +20,7 @@
         </td>
         <td>
           <div class="cell right">
-            <span>{{score.value ? (score.value|number:'1.2-2') : 'N/A'}}</span>
+            <span>{{score.value != undefined ? (score.value|number:'1.2-2') : 'N/A'}}</span>
           </div>
         </td>
         <td>
diff --git a/frontend/src/app/components/result/result.component.scss b/frontend/src/app/components/result/result.component.scss
index 9a096fb..63695ea 100644
--- a/frontend/src/app/components/result/result.component.scss
+++ b/frontend/src/app/components/result/result.component.scss
@@ -39,6 +39,9 @@
   }
 
   > .result-details {
+    .undefined {
+      color: #8f8f8f;
+    }
   }
 }