From d29cd29941e47a08404d63109c0e241fa8befed9 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Mon, 30 Sep 2019 00:27:03 +0300
Subject: [PATCH] Add report count

---
 src/views/reports/index.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/views/reports/index.vue b/src/views/reports/index.vue
index 4773495d..738d3ff5 100644
--- a/src/views/reports/index.vue
+++ b/src/views/reports/index.vue
@@ -1,6 +1,9 @@
 <template>
   <div class="reports-container">
-    <h1>{{ $t('reports.reports') }}</h1>
+    <h1>
+      {{ $t('reports.reports') }}
+      <span class="report-count">({{ normalizedReportsCount }})</span>
+    </h1>
     <div class="filter-container">
       <reports-filter/>
       <el-checkbox v-model="groupReports" class="group-reports-checkbox">
@@ -19,6 +22,7 @@
 
 <script>
 import GroupedReport from './components/GroupedReport'
+import numeral from 'numeral'
 import Report from './components/Report'
 import ReportsFilter from './components/ReportsFilter'
 
@@ -197,6 +201,9 @@ export default {
     loading() {
       return this.$store.state.reports.loading
     },
+    normalizedReportsCount() {
+      return numeral(this.$store.state.reports.totalReportsCount).format('0a')
+    },
     reports() {
       return this.$store.state.reports.fetchedReports
     }
@@ -234,6 +241,10 @@ export default {
     color: gray;
     margin-left: 19px
   }
+  .report-count {
+    color: gray;
+    font-size: 28px;
+  }
 }
 @media
 only screen and (max-width: 760px),