From 01a39262de32f19395cdabaddc212339691bbe65 Mon Sep 17 00:00:00 2001
From: Etienne Delclaux <etienne_delclaux@natural-solutions.eu>
Date: Thu, 17 Oct 2024 16:29:10 +0200
Subject: [PATCH] feat: display number nicely

---
 .../tab-observers/tab-observers.component.html        | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/syntheseModule/taxon-sheet/tab-observers/tab-observers.component.html b/frontend/src/app/syntheseModule/taxon-sheet/tab-observers/tab-observers.component.html
index 2701fdccf2..06e8c244b8 100644
--- a/frontend/src/app/syntheseModule/taxon-sheet/tab-observers/tab-observers.component.html
+++ b/frontend/src/app/syntheseModule/taxon-sheet/tab-observers/tab-observers.component.html
@@ -6,6 +6,13 @@
     {{ renderDate(date) }}
   </ng-template>
 
+  <ng-template
+    #cellNumberTemplate
+    let-value="value"
+  >
+    {{ value ? value : '-' }}
+  </ng-template>
+
   <ng-template
     #cellDefaultTemplate
     let-value="value"
@@ -77,7 +84,7 @@
         let-row="row"
       >
         <ng-template
-          *ngTemplateOutlet="cellDefaultTemplate; context: { value: row[PROP_OBSERVATION_COUNT] }"
+          *ngTemplateOutlet="cellNumberTemplate; context: { value: row[PROP_OBSERVATION_COUNT] }"
         ></ng-template>
       </ng-template>
     </ngx-datatable-column>
@@ -90,7 +97,7 @@
         let-row="row"
       >
         <ng-template
-          *ngTemplateOutlet="cellDefaultTemplate; context: { value: row[PROP_MEDIA_COUNT] }"
+          *ngTemplateOutlet="cellNumberTemplate; context: { value: row[PROP_MEDIA_COUNT] }"
         ></ng-template>
       </ng-template>
     </ngx-datatable-column>