Feature/add value of active filters on allocations page (#1286)

* Add value

* Update changelog

CHANGELOG.md

@@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Added
 
+- Added the value of the active filter in percentage on the allocations page
 - Extended the feature overview page by multi-language support (English, German, Italian)
 
 ### Changed

apps/client/src/app/pages/portfolio/allocations/allocations-page.html

@@ -13,8 +13,16 @@
   <div class="row">
     <div class="col">
       <mat-card class="mb-3">
-        <mat-card-header>
+        <mat-card-header class="overflow-hidden w-100">
-          <mat-card-title i18n>Proportion of Net Worth</mat-card-title>
+          <mat-card-title class="text-truncate" i18n
+            >Proportion of Net Worth</mat-card-title
+          >
+          <gf-value
+            class="align-items-end flex-grow-1 ml-2"
+            size="medium"
+            [isPercent]="true"
+            [value]="isLoading ? undefined : portfolioDetails?.filteredValueInPercentage"
+          ></gf-value>
         </mat-card-header>
         <mat-card-content>
           <mat-progress-bar

apps/client/src/app/pages/portfolio/allocations/allocations-page.scss

@@ -20,6 +20,7 @@
       ::ng-deep {
         .mat-card-header-text {
           flex: 1 1 auto;
+          overflow: hidden;
         }
       }