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

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

View File

@@ -1,3 +1,3 @@
:host {
@apply grid grid-flow-row items-center gap-4 bg-surface text-surface-content rounded px-4 py-6;
@apply max-h-[calc(100vh-14rem)] grid grid-flow-row items-center gap-4 bg-surface text-surface-content rounded px-4 py-6 overflow-hidden overflow-y-scroll;
}

View File

@@ -14,3 +14,7 @@
[cardCode]="firstActiveCardCode()"
class="mt-8"
/>
<utils-scroll-top-button
[target]="hostElement"
class="flex flex-col justify-self-end fixed bottom-6 right-6"
></utils-scroll-top-button>

View File

@@ -4,6 +4,7 @@ import {
inject,
computed,
effect,
ElementRef,
} from '@angular/core';
import { CustomerSearchStore } from '../store';
import { ActivatedRoute } from '@angular/router';
@@ -14,6 +15,7 @@ import { CustomerLoyaltyCardsComponent } from '@isa/crm/feature/customer-loyalty
import { CrmFeatureCustomerCardTransactionsComponent } from '@isa/crm/feature/customer-card-transactions';
import { toSignal } from '@angular/core/rxjs-interop';
import { CustomerBonusCardsResource } from '@isa/crm/data-access';
import { ScrollTopButtonComponent } from '@isa/utils/scroll-position';
@Component({
selector: 'page-customer-kundenkarte-main-view',
@@ -26,6 +28,7 @@ import { CustomerBonusCardsResource } from '@isa/crm/data-access';
AsyncPipe,
CustomerLoyaltyCardsComponent,
CrmFeatureCustomerCardTransactionsComponent,
ScrollTopButtonComponent,
],
providers: [CustomerBonusCardsResource],
})
@@ -34,6 +37,12 @@ export class KundenkarteMainViewComponent {
private _activatedRoute = inject(ActivatedRoute);
private _bonusCardsResource = inject(CustomerBonusCardsResource);
elementRef = inject(ElementRef);
get hostElement() {
return this.elementRef.nativeElement;
}
customerId$ = this._activatedRoute.params.pipe(
map((params) => params.customerId),
);