From aee7cc003638d2cd3ced47e3af2858a28063cf82 Mon Sep 17 00:00:00 2001
From: Nabil Adouani <nabil.adouani@gmail.com>
Date: Mon, 2 Jan 2017 18:12:26 +0100
Subject: [PATCH] #70 Add a case by severity docut chart to the statistics page

---
 ui/app/scripts/controllers/StatisticsCtrl.js | 18 ++++++++++++++++++
 ui/app/views/partials/statistics.html        |  9 ++++++---
 2 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/ui/app/scripts/controllers/StatisticsCtrl.js b/ui/app/scripts/controllers/StatisticsCtrl.js
index 2ab67f6844..e5700ed1ae 100644
--- a/ui/app/scripts/controllers/StatisticsCtrl.js
+++ b/ui/app/scripts/controllers/StatisticsCtrl.js
@@ -31,6 +31,24 @@
             }
         };
 
+        $scope.caseBySeverity = {
+            title: 'Cases by Severity',
+            type: 'case',
+            field: 'severity',
+            dateField: 'startDate',
+            tagsField: 'tags',
+            colors: {
+                '1': '#5bc0de',
+                '2': '#f0ad4e',
+                '3': '#d9534f'
+            },
+            names: {
+                '1': 'Low',
+                '2': 'Medium',
+                '3': 'High'
+            }
+        };
+
         $scope.caseByStatus = {
             title: 'Cases by status',
             type: 'case',
diff --git a/ui/app/views/partials/statistics.html b/ui/app/views/partials/statistics.html
index e93c5d190b..a084d7e3f0 100644
--- a/ui/app/views/partials/statistics.html
+++ b/ui/app/views/partials/statistics.html
@@ -22,15 +22,18 @@
 </div>
 
 <div class="row">
-    <div class="col-md-4">
+    <div class="col-md-3">
         <chart type="donut" options="caseByTlp" refresh-on="refresh-charts" autoload="false"></chart>
     </div>
-    <div class="col-md-4">
+    <div class="col-md-3">
         <chart type="donut" options="caseByStatus" refresh-on="refresh-charts" autoload="false"></chart>
     </div>
-    <div class="col-md-4">
+    <div class="col-md-3">
         <chart type="donut" options="caseByResolution" refresh-on="refresh-charts" autoload="false"></chart>
     </div>
+    <div class="col-md-3">
+        <chart type="donut" options="caseBySeverity" refresh-on="refresh-charts" autoload="false"></chart>
+    </div>
 </div>
 
 <div class="row">