sxhundred/ISA-Frontend
1
0
Fork 0
mirror of https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend synced 2025-12-28 22:42:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merged PR 2036: feature(libs-icons, crm-customer-card-transactions): Added Refresh Icon, Adde...

Browse Source 
feature(libs-icons, crm-customer-card-transactions): Added Refresh Icon, Added Spacer to Transaction Layout, Added Refresh CTA Styling

Ref: #5493
This commit is contained in:
Nino Righi
2025-11-20 16:58:02 +00:00
committed by Lorenz Hilpert
parent bcd4d655a6
commit b32cc48fd9
4 changed files with 20 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
libs/crm/feature/customer-card-transactions/src/lib/crm-feature-customer-card-transactions/crm-feature-customer-card-transactions.component.css
View File

@@ -6,7 +6,7 @@
/* Header Row */
.cdk-header-row {
background-color: #CED4DA;
background-color: #ced4da;
height: 48px;
display: table-row;
}
@@ -17,7 +17,7 @@
font-weight: 700;
color: #212529;
padding: 16px 8px;
background-color: #CED4DA;
background-color: #ced4da;
}
.cdk-header-cell:first-child {
@@ -50,3 +50,7 @@
.cdk-cell:last-child {
padding-right: 24px;
}
.transparent-icon-button {
@apply text-isa-neutral-900 bg-transparent hover:bg-transparent disabled:bg-transparent disabled:hover:bg-transparent;
}

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

@@ -1,13 +1,14 @@
<div class="flex flex-col gap-[24px] px-4">
@if (transactions()?.length) {
<div class="flex flex-row gap-4 items-center">
<div class="flex flex-row items-center">
<h2 class="isa-text-body-1-bold text-isa-neutral-900">
Letzte Transaktionen des Kunden
</h2>
<ui-icon-button
class="transparent-icon-button"
(click)="refresh()"
name="isaActionSearch"
name="isaActionRefresh"
color="tertiary"
[pending]="isLoading()"
[disabled]="isLoading()"
@@ -18,6 +19,7 @@
@if (isLoading()) {
<div class="text-isa-neutral-500 text-sm">Lade Transaktionen...</div>
<div class="h-[100rem]"></div>
} @else if (error()) {
<div class="text-isa-accent-red text-sm">
Fehler beim Laden der Transaktionen

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

@@ -12,7 +12,7 @@ import { NgIconComponent, provideIcons } from '@ng-icons/core';
import {
isaActionPolygonUp,
isaActionPolygonDown,
isaActionSearch,
isaActionRefresh,
} from '@isa/icons';
import { logger } from '@isa/core/logging';
import { EmptyStateComponent } from '@isa/ui/empty-state';
@@ -31,7 +31,11 @@ import { IconButtonComponent } from '@isa/ui/buttons';
IconButtonComponent,
],
providers: [
provideIcons({ isaActionPolygonUp, isaActionPolygonDown, isaActionSearch }),
provideIcons({
isaActionPolygonUp,
isaActionPolygonDown,
isaActionRefresh,
}),
],
templateUrl: './crm-feature-customer-card-transactions.component.html',
styleUrl: './crm-feature-customer-card-transactions.component.css',