sxhundred/ISA-Frontend
1
0
Fork 0
mirror of https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend synced 2025-12-31 09:37:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merged PR 2029: feature(crm, isa-app-customer-search): Adjustments to Card Transaction Histor...

Browse Source 
feature(crm, isa-app-customer-search): Adjustments to Card Transaction History, Added Scroll Top Button, Show 50 last Transactions, Wording changes
Refs: #5316
This commit is contained in:
Nino Righi
2025-11-18 09:58:26 +00:00
committed by Lorenz Hilpert
parent e654a4d95e
commit 71af23544f
5 changed files with 32 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
libs/crm/feature/customer-card-transactions/src/lib/crm-feature-customer-card-transactions/crm-feature-customer-card-transactions.component.html
View File

@@ -1,6 +1,6 @@
<div class="flex flex-col gap-[24px] px-4">
<div class="flex flex-col gap-[24px] px-4 overflow-hidden overflow-y-scroll">
<h2 class="isa-text-body-1-bold text-isa-neutral-900">
Letzte 5 Transaktionen des Kunden
Letzte Transaktionen des Kunden
</h2>
@if (isLoading()) {
@@ -19,19 +19,18 @@
<table cdk-table [dataSource]="dataSource()" [trackBy]="trackByDate">
<!-- Date -->
<ng-container cdkColumnDef="date">
<th cdk-header-cell *cdkHeaderCellDef>
Datum
</th>
<th cdk-header-cell *cdkHeaderCellDef>Datum</th>
<td cdk-cell *cdkCellDef="let t" class="text-xs">
{{ t.date | date: 'dd.MM.yyyy' }} <span class="text-isa-neutral-500">{{ t.date | date: 'HH:mm.ss' }}</span>
{{ t.date | date: 'dd.MM.yyyy' }}
<span class="text-isa-neutral-500">{{
t.date | date: 'HH:mm.ss'
}}</span>
</td>
</ng-container>
<!-- Type -->
<ng-container cdkColumnDef="reason">
<th cdk-header-cell *cdkHeaderCellDef>
Buchungsart
</th>
<th cdk-header-cell *cdkHeaderCellDef>Buchungsart</th>
<td cdk-cell *cdkCellDef="let t" class="text-xs">
{{ t.reason || '-' }}
</td>
@@ -39,19 +38,18 @@
<!-- Amount -->
<ng-container cdkColumnDef="amount">
<th cdk-header-cell *cdkHeaderCellDef class="text-right">
Umsatz
</th>
<th cdk-header-cell *cdkHeaderCellDef class="text-right">Umsatz</th>
<td cdk-cell *cdkCellDef="let t" class="text-xs text-right">
@if (t.type === 'BURN') {-}{{ t.amount || 0 | number: '1.2-2' : 'de-DE' }} EUR
@if (t.type === 'BURN') {
-
}
{{ t.amount || 0 | number: '1.2-2' : 'de-DE' }} EUR
</td>
</ng-container>
<!-- Reference -->
<ng-container cdkColumnDef="reference">
<th cdk-header-cell *cdkHeaderCellDef class="text-right">
Bon-Nummer
</th>
<th cdk-header-cell *cdkHeaderCellDef class="text-right">Bon-Nummer</th>
<td cdk-cell *cdkCellDef="let t" class="text-xs text-right">
{{ t.reference || '-' }}
</td>
@@ -59,9 +57,7 @@
<!-- Points -->
<ng-container cdkColumnDef="points">
<th cdk-header-cell *cdkHeaderCellDef class="text-right">
Lesepunkte
</th>
<th cdk-header-cell *cdkHeaderCellDef class="text-right">Lesepunkte</th>
<td cdk-cell *cdkCellDef="let t" class="text-xs text-right">
@if (t.type === 'EARN') {
<span class="text-isa-accent-green inline-flex items-center gap-1">
@@ -80,16 +76,10 @@
</ng-container>
<!-- Header Row -->
<tr
cdk-header-row
*cdkHeaderRowDef="displayedColumns"
></tr>
<tr cdk-header-row *cdkHeaderRowDef="displayedColumns"></tr>
<!-- Data Rows -->
<tr
cdk-row
*cdkRowDef="let row; columns: displayedColumns"
></tr>
<tr cdk-row *cdkRowDef="let row; columns: displayedColumns"></tr>
</table>
}
</div>

2
libs/crm/feature/customer-card-transactions/src/lib/crm-feature-customer-card-transactions/crm-feature-customer-card-transactions.component.ts
View File

@@ -54,7 +54,7 @@ export class CrmFeatureCustomerCardTransactionsComponent {
/**
* Data source for CDK table - defaults to empty array when undefined
*/
readonly dataSource = computed(() => this.transactions()?.slice(0, 5) ?? []);
readonly dataSource = computed(() => this.transactions()?.slice(0, 50) ?? []);
/**
* Column definitions for the table