diff --git a/alfa-client/libs/design-system/src/lib/forwarding-item/forwarding-item.component.spec.ts b/alfa-client/libs/design-system/src/lib/forwarding-item/forwarding-item.component.spec.ts new file mode 100644 index 0000000000000000000000000000000000000000..5700f028372d57391a28997d4f8e7429d9f73a5c --- /dev/null +++ b/alfa-client/libs/design-system/src/lib/forwarding-item/forwarding-item.component.spec.ts @@ -0,0 +1,44 @@ +/* + * Copyright (C) 2025 Das Land Schleswig-Holstein vertreten durch den + * Ministerpräsidenten des Landes Schleswig-Holstein + * Staatskanzlei + * Abteilung Digitalisierung und zentrales IT-Management der Landesregierung + * + * Lizenziert unter der EUPL, Version 1.2 oder - sobald + * diese von der Europäischen Kommission genehmigt wurden - + * Folgeversionen der EUPL ("Lizenz"); + * Sie dürfen dieses Werk ausschließlich gemäß + * dieser Lizenz nutzen. + * Eine Kopie der Lizenz finden Sie hier: + * + * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12 + * + * Sofern nicht durch anwendbare Rechtsvorschriften + * gefordert oder in schriftlicher Form vereinbart, wird + * die unter der Lizenz verbreitete Software "so wie sie + * ist", OHNE JEGLICHE GEWÄHRLEISTUNG ODER BEDINGUNGEN - + * ausdrücklich oder stillschweigend - verbreitet. + * Die sprachspezifischen Genehmigungen und Beschränkungen + * unter der Lizenz sind dem Lizenztext zu entnehmen. + */ +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { ForwardingItemComponent } from './forwarding-item.component'; + +describe('ForwardingItemComponent', () => { + let component: ForwardingItemComponent; + let fixture: ComponentFixture<ForwardingItemComponent>; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [ForwardingItemComponent], + }).compileComponents(); + + fixture = TestBed.createComponent(ForwardingItemComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/alfa-client/libs/design-system/src/lib/forwarding-item/forwarding-item.component.ts b/alfa-client/libs/design-system/src/lib/forwarding-item/forwarding-item.component.ts new file mode 100644 index 0000000000000000000000000000000000000000..11df4ff802c0ac4daf110a3686441b6325da4a62 --- /dev/null +++ b/alfa-client/libs/design-system/src/lib/forwarding-item/forwarding-item.component.ts @@ -0,0 +1,53 @@ +/* + * Copyright (C) 2025 Das Land Schleswig-Holstein vertreten durch den + * Ministerpräsidenten des Landes Schleswig-Holstein + * Staatskanzlei + * Abteilung Digitalisierung und zentrales IT-Management der Landesregierung + * + * Lizenziert unter der EUPL, Version 1.2 oder - sobald + * diese von der Europäischen Kommission genehmigt wurden - + * Folgeversionen der EUPL ("Lizenz"); + * Sie dürfen dieses Werk ausschließlich gemäß + * dieser Lizenz nutzen. + * Eine Kopie der Lizenz finden Sie hier: + * + * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12 + * + * Sofern nicht durch anwendbare Rechtsvorschriften + * gefordert oder in schriftlicher Form vereinbart, wird + * die unter der Lizenz verbreitete Software "so wie sie + * ist", OHNE JEGLICHE GEWÄHRLEISTUNG ODER BEDINGUNGEN - + * ausdrücklich oder stillschweigend - verbreitet. + * Die sprachspezifischen Genehmigungen und Beschränkungen + * unter der Lizenz sind dem Lizenztext zu entnehmen. + */ +import { Component, Input } from '@angular/core'; +import { ForwardVorgangIconComponent } from '../icons/forward-vorgang-icon/forward-vorgang-icon.component'; + +export enum ForwardingDirection { + FROM = 'Weitergeleitet von', + TO = 'An', +} + +@Component({ + selector: 'ods-forwarding-item', + standalone: true, + imports: [ForwardVorgangIconComponent], + template: ` <div class="block h-full rounded-lg border border-grayborder"> + <div class="flex flex-col items-start justify-between gap-2 p-3 md:flex-row md:items-center md:gap-0"> + <div class="flex flex-1 gap-3"> + <ods-forward-vorgang-icon class="fill-text" /> + <p class="text-gray-500">{{ direction }}:</p> + <div class="mt-[-8px] w-full"> + <ng-content /> + </div> + </div> + <div class="text-end empty:hidden"> + <ng-content select="[end-content]" /> + </div> + </div> + </div>`, +}) +export class ForwardingItemComponent { + @Input() direction: ForwardingDirection = ForwardingDirection.TO; +} diff --git a/alfa-client/libs/forwarding/src/lib/forwarding-dialog-container/forwarding-dialog/search-selected/search-selected.component.ts b/alfa-client/libs/forwarding/src/lib/forwarding-dialog-container/forwarding-dialog/search-selected/search-selected.component.ts index dd9581e3b07c6b31a7ea139abc3039ccf97bd60f..eaf514653f6655f9305932a363cfa327af054ded 100644 --- a/alfa-client/libs/forwarding/src/lib/forwarding-dialog-container/forwarding-dialog/search-selected/search-selected.component.ts +++ b/alfa-client/libs/forwarding/src/lib/forwarding-dialog-container/forwarding-dialog/search-selected/search-selected.component.ts @@ -6,12 +6,7 @@ import { ChangeButtonContainerComponent } from './change-button-container/change @Component({ selector: 'alfa-search-selected', standalone: true, - imports: [ - ChangeButtonContainerComponent, - AnschriftToStringPipe, - ForwardingItemComponent, - ForwardingItemInfoComponent, - ], + imports: [ChangeButtonContainerComponent, AnschriftToStringPipe, ForwardingItemComponent, ForwardingItemInfoComponent], templateUrl: './search-selected.component.html', }) export class SearchSelectedComponent {