diff --git a/BankingService.Api/ClientApp/src/app/pipe/number-to-money.pipe.ts b/BankingService.Api/ClientApp/src/app/pipe/number-to-money.pipe.ts index e076164..e1f66d4 100644 --- a/BankingService.Api/ClientApp/src/app/pipe/number-to-money.pipe.ts +++ b/BankingService.Api/ClientApp/src/app/pipe/number-to-money.pipe.ts @@ -8,7 +8,7 @@ export class NumberToMoneyPipe implements PipeTransform { transform(value: number | undefined): string { if (!value || isNaN(value)) - return 'Invalid input'; + return '0 €'; const roundedValue = Math.round(value * 100) / 100; const roundedString = roundedValue.toFixed(2); diff --git a/BankingService.Api/ClientApp/src/app/transactions/filters/filters.component.html b/BankingService.Api/ClientApp/src/app/transactions/filters/filters.component.html index 849cddd..8e0a2d4 100644 --- a/BankingService.Api/ClientApp/src/app/transactions/filters/filters.component.html +++ b/BankingService.Api/ClientApp/src/app/transactions/filters/filters.component.html @@ -53,7 +53,8 @@
- {{ resultCount }} results +
{{ resultCount }} results
+
{{ filteredAmount | numberToMoney }}
diff --git a/BankingService.Api/ClientApp/src/app/transactions/filters/filters.component.ts b/BankingService.Api/ClientApp/src/app/transactions/filters/filters.component.ts index dae2d25..fe511c5 100644 --- a/BankingService.Api/ClientApp/src/app/transactions/filters/filters.component.ts +++ b/BankingService.Api/ClientApp/src/app/transactions/filters/filters.component.ts @@ -11,6 +11,7 @@ import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { TransactionFilters } from '../../model/transaction-filters'; import { MatIconModule } from '@angular/material/icon'; +import { NumberToMoneyPipe } from "../../pipe/number-to-money.pipe"; @Component({ selector: 'app-filters', @@ -27,8 +28,9 @@ import { MatIconModule } from '@angular/material/icon'; MatFormFieldModule, MatDatepickerModule, MatMenuModule, - MatIconModule - ], + MatIconModule, + NumberToMoneyPipe +], }) export class FiltersComponent implements OnInit { filters: TransactionFilters = { @@ -41,6 +43,7 @@ export class FiltersComponent implements OnInit { @Output() filterOutput = new EventEmitter(undefined); @Input() resultCount: number = 0; + @Input() filteredAmount: number = 0; NO_FILTER: string = "NO_FILTER"; diff --git a/BankingService.Api/ClientApp/src/app/transactions/transactions.component.html b/BankingService.Api/ClientApp/src/app/transactions/transactions.component.html index e4d6105..52c02cd 100644 --- a/BankingService.Api/ClientApp/src/app/transactions/transactions.component.html +++ b/BankingService.Api/ClientApp/src/app/transactions/transactions.component.html @@ -1,6 +1,10 @@
- + +
    diff --git a/BankingService.Api/ClientApp/src/app/transactions/transactions.component.ts b/BankingService.Api/ClientApp/src/app/transactions/transactions.component.ts index a2bc6a6..50b4f8b 100644 --- a/BankingService.Api/ClientApp/src/app/transactions/transactions.component.ts +++ b/BankingService.Api/ClientApp/src/app/transactions/transactions.component.ts @@ -43,4 +43,7 @@ export class TransactionsComponent implements OnInit { this.filters = filters; } + sumFlow(transactions: Transaction[]): number { + return transactions.reduce((acc, item) => acc + item.flow, 0); + } }