From 8ad5f2ed7894df7bf682e7dd8a788bedafc5fe64 Mon Sep 17 00:00:00 2001
From: Patricio Albizu <patricioalbizu@Patricios-MacBook-Pro.local>
Date: Wed, 21 Jul 2021 15:58:50 -0300
Subject: [PATCH 1/2] feat: Adding bar gauge htDisplayNumber

---
 .../src/shared/components/bar-gauge/bar-gauge.component.ts | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/projects/observability/src/shared/components/bar-gauge/bar-gauge.component.ts b/projects/observability/src/shared/components/bar-gauge/bar-gauge.component.ts
index 96ead89cc..40d370d7a 100644
--- a/projects/observability/src/shared/components/bar-gauge/bar-gauge.component.ts
+++ b/projects/observability/src/shared/components/bar-gauge/bar-gauge.component.ts
@@ -27,10 +27,11 @@ import {
       <div class="header-data" [ngClass]="this.display">
         <div *ngIf="this.title" class="title">{{ this.title | htDisplayTitle }}</div>
         <div class="count">
-          <span>{{ this.totalValue | number }}</span>
-          <span class="units" *ngIf="this.units && this.isUnlimited"> {{ this.units }}</span>
+          <span>{{ !this.units ? (this.totalValue | htDisplayNumber) : (this.totalValue | number) }}</span>
           <span> / </span>
-          <span *ngIf="!this.isUnlimited">{{ this.maxValue | number }}</span>
+          <span *ngIf="!this.isUnlimited">{{
+            !this.units ? (this.maxValue | htDisplayNumber) : (this.maxValue | number)
+          }}</span>
           <span class="unlimited-symbol" *ngIf="this.isUnlimited">&#8734;</span>
           <span class="units" *ngIf="this.units && !this.isUnlimited"> {{ this.units }}</span>
         </div>

From 29aff5d9edb9be627262ebcd60d508f0057a63e9 Mon Sep 17 00:00:00 2001
From: Patricio Albizu <patricioalbizu@Patricios-MacBook-Pro.local>
Date: Wed, 21 Jul 2021 16:14:43 -0300
Subject: [PATCH 2/2] feat: fixing label

---
 .../src/shared/components/bar-gauge/bar-gauge.component.ts  | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/projects/observability/src/shared/components/bar-gauge/bar-gauge.component.ts b/projects/observability/src/shared/components/bar-gauge/bar-gauge.component.ts
index 40d370d7a..43be12741 100644
--- a/projects/observability/src/shared/components/bar-gauge/bar-gauge.component.ts
+++ b/projects/observability/src/shared/components/bar-gauge/bar-gauge.component.ts
@@ -27,11 +27,9 @@ import {
       <div class="header-data" [ngClass]="this.display">
         <div *ngIf="this.title" class="title">{{ this.title | htDisplayTitle }}</div>
         <div class="count">
-          <span>{{ !this.units ? (this.totalValue | htDisplayNumber) : (this.totalValue | number) }}</span>
+          <span>{{ this.totalValue | htDisplayNumber }}</span>
           <span> / </span>
-          <span *ngIf="!this.isUnlimited">{{
-            !this.units ? (this.maxValue | htDisplayNumber) : (this.maxValue | number)
-          }}</span>
+          <span *ngIf="!this.isUnlimited">{{ this.maxValue | htDisplayNumber }}</span>
           <span class="unlimited-symbol" *ngIf="this.isUnlimited">&#8734;</span>
           <span class="units" *ngIf="this.units && !this.isUnlimited"> {{ this.units }}</span>
         </div>