From 99d81ccf2e0b1985406a37a19463dce478823932 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C5=BEe=20Fortun?= <joze.fortun@gmail.com>
Date: Tue, 17 Oct 2023 11:32:00 +0200
Subject: [PATCH] Fix reporter metric format

---
 client/web/reporter/src/views/Layout.vue                  | 2 +-
 lib/vue/package.json                                      | 1 +
 lib/vue/src/components/reporter/Viewers/CReportMetric.vue | 6 ++++--
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/client/web/reporter/src/views/Layout.vue b/client/web/reporter/src/views/Layout.vue
index 09cddec61..2f6077ba8 100644
--- a/client/web/reporter/src/views/Layout.vue
+++ b/client/web/reporter/src/views/Layout.vue
@@ -131,7 +131,7 @@ export default {
       disabledRoutes: [
         'report.list',
         'report.create',
-        'report.edit'
+        'report.edit',
       ],
     }
   },
diff --git a/lib/vue/package.json b/lib/vue/package.json
index 292efeee2..28b053aca 100644
--- a/lib/vue/package.json
+++ b/lib/vue/package.json
@@ -41,6 +41,7 @@
     "kind-of": "^6.0.3",
     "lodash": "^4.17.21",
     "moment": "2.29.2",
+    "numeral": "^2.0.6",
     "pdfjs-dist": "2.2.228",
     "pino": "^5.16.0",
     "portal-vue": "^2.1.7",
diff --git a/lib/vue/src/components/reporter/Viewers/CReportMetric.vue b/lib/vue/src/components/reporter/Viewers/CReportMetric.vue
index 70e5b1b00..d4e6c8785 100644
--- a/lib/vue/src/components/reporter/Viewers/CReportMetric.vue
+++ b/lib/vue/src/components/reporter/Viewers/CReportMetric.vue
@@ -26,6 +26,7 @@
 
 <script>
 import base from './base.vue'
+import numeral from 'numeral'
 
 export default {
   extends: base,
@@ -64,10 +65,11 @@ export default {
     },
 
     displayedMetric () {
-      const { prefix = '', suffix = '' } = this.options
+      const { prefix = '', suffix = '', format = '' } = this.options
 
       if (this.value) {
-        return `${prefix}${this.value}${suffix}`
+        const value = format ? numeral(this.value).format(format) : this.value
+        return `${prefix}${value}${suffix}`
       }
 
       return ''