From df06aa16726ce703e163e6b5801502e7b3a7a730 Mon Sep 17 00:00:00 2001
From: Nabil Adouani <nabil.adouani@gmail.com>
Date: Wed, 11 Nov 2020 19:28:09 +0100
Subject: [PATCH] #1641 Add a no data message if no stats data are available

---
 frontend/app/views/components/list/stats-item.component.html | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/app/views/components/list/stats-item.component.html b/frontend/app/views/components/list/stats-item.component.html
index d2882f129e..4fa1100fb5 100644
--- a/frontend/app/views/components/list/stats-item.component.html
+++ b/frontend/app/views/components/list/stats-item.component.html
@@ -9,6 +9,9 @@ <h3 class="box-title">{{$cmp.title}}</h3>
         </div>
     </div>
     <div class="box-body">
+        <div class="empty-message" ng-if="!$cmp.data || ($cmp.data.length === 0)">
+            No Data
+        </div>
         <table ng-if="$cmp.mode === 'table'" class="table table-condensed">
             <tr ng-repeat="item in $cmp.data">
                 <td class="active">{{$cmp.labels[item.key] || item.key}}</td>
@@ -17,7 +20,7 @@ <h3 class="box-title">{{$cmp.title}}</h3>
                 </td>
             </tr>
         </table>
-        <donut-Chart ng-if="$cmp.mode === 'chart'" labels="$cmp.labels" data="$cmp.data" title="Cases by Status"
+        <donut-Chart ng-if="$cmp.mode === 'chart' && $cmp.data.length > 0" labels="$cmp.labels" data="$cmp.data" title="Cases by Status"
             on-item-clicked="$cmp.onClick(value)"></donut-chart>
     </div>
 </div>