From 1587c61d5534b3c554b1bf29db2184516f61dc83 Mon Sep 17 00:00:00 2001 From: Alexander Reifschneider <alexander.reifschneider@mgm-tp.com> Date: Fri, 4 Apr 2025 10:44:43 +0200 Subject: [PATCH] OZG-7707 replace more icons - office icon - open link icon --- ...profile-button-container.component.spec.ts | 1 + .../src/lib/collaboration.module.ts | 2 - alfa-client/libs/design-system/src/index.ts | 1 - .../dropdown-menu-link-item.component.spec.ts | 4 +- .../dropdown-menu-link-item.component.ts | 6 +-- .../office-icon/office-icon.component.spec.ts | 44 ---------------- .../office-icon/office-icon.component.ts | 51 ------------------- .../icons/office-icon/office-icon.stories.ts | 50 ------------------ .../open-link-icon.component.spec.ts | 44 ---------------- .../open-link-icon.component.ts | 50 ------------------ .../open-link-icon/open-link-icon.stories.ts | 50 ------------------ .../src/lib/navbar/navbar/navbar.stories.ts | 4 +- .../src/lib/zustaendige-stelle.module.ts | 2 - 13 files changed, 8 insertions(+), 301 deletions(-) delete mode 100644 alfa-client/libs/design-system/src/lib/icons/office-icon/office-icon.component.spec.ts delete mode 100644 alfa-client/libs/design-system/src/lib/icons/office-icon/office-icon.component.ts delete mode 100644 alfa-client/libs/design-system/src/lib/icons/office-icon/office-icon.stories.ts delete mode 100644 alfa-client/libs/design-system/src/lib/icons/open-link-icon/open-link-icon.component.spec.ts delete mode 100644 alfa-client/libs/design-system/src/lib/icons/open-link-icon/open-link-icon.component.ts delete mode 100644 alfa-client/libs/design-system/src/lib/icons/open-link-icon/open-link-icon.stories.ts diff --git a/alfa-client/libs/admin/user-profile/src/lib/user-menu/user-profile-button-container.component.spec.ts b/alfa-client/libs/admin/user-profile/src/lib/user-menu/user-profile-button-container.component.spec.ts index 3e35b294d9..cf9d6bd17b 100644 --- a/alfa-client/libs/admin/user-profile/src/lib/user-menu/user-profile-button-container.component.spec.ts +++ b/alfa-client/libs/admin/user-profile/src/lib/user-menu/user-profile-button-container.component.spec.ts @@ -69,6 +69,7 @@ describe('UserProfileButtonContainerComponent', () => { MockComponent(DropdownMenuComponent), MockComponent(DropdownMenuButtonItemComponent), MockComponent(AdminUserLogoutButtonComponent), + MockComponent(DocumentationComponent), ], providers: [ { diff --git a/alfa-client/libs/collaboration/src/lib/collaboration.module.ts b/alfa-client/libs/collaboration/src/lib/collaboration.module.ts index e5e715a85e..b8adf8f12e 100644 --- a/alfa-client/libs/collaboration/src/lib/collaboration.module.ts +++ b/alfa-client/libs/collaboration/src/lib/collaboration.module.ts @@ -33,7 +33,6 @@ import { ButtonComponent, ExternalUnitIconComponent, IconComponent, - OfficeIconComponent, PublicAdministrationIconComponent, SaveIconComponent, SearchIconComponent, @@ -65,7 +64,6 @@ import { CollaborationRequestFormComponent } from './collaboration-in-vorgang-co ReactiveFormsModule, ButtonWithSpinnerComponent, ZustaendigeStelleModule, - OfficeIconComponent, ExternalUnitIconComponent, PublicAdministrationIconComponent, OrganisationsEinheitListItemContainerComponent, diff --git a/alfa-client/libs/design-system/src/index.ts b/alfa-client/libs/design-system/src/index.ts index 6adfb59d87..64f63f2328 100644 --- a/alfa-client/libs/design-system/src/index.ts +++ b/alfa-client/libs/design-system/src/index.ts @@ -49,7 +49,6 @@ export * from './lib/icons/external-unit-icon/external-unit-icon.component'; export * from './lib/icons/file-icon/file-icon.component'; export * from './lib/icons/iconVariants'; export * from './lib/icons/mailbox-icon/mailbox-icon.component'; -export * from './lib/icons/office-icon/office-icon.component'; export * from './lib/icons/orga-unit-icon/orga-unit-icon.component'; export * from './lib/icons/ozg-logo-icon/ozg-logo-icon.component'; export * from './lib/icons/person-icon/person-icon.component'; diff --git a/alfa-client/libs/design-system/src/lib/dropdown-menu/dropdown-menu-link-item/dropdown-menu-link-item.component.spec.ts b/alfa-client/libs/design-system/src/lib/dropdown-menu/dropdown-menu-link-item/dropdown-menu-link-item.component.spec.ts index c97938ebf9..4a31c1013f 100644 --- a/alfa-client/libs/design-system/src/lib/dropdown-menu/dropdown-menu-link-item/dropdown-menu-link-item.component.spec.ts +++ b/alfa-client/libs/design-system/src/lib/dropdown-menu/dropdown-menu-link-item/dropdown-menu-link-item.component.spec.ts @@ -2,7 +2,7 @@ import { ComponentFixture, TestBed } from '@angular/core/testing'; import { getMockComponent } from '@alfa-client/test-utils'; import { faker } from '@faker-js/faker'; -import { LinkComponent } from '@ods/system'; +import { IconComponent, LinkComponent } from '@ods/system'; import { MockComponent } from 'ng-mocks'; import { DropdownMenuLinkItemComponent } from './dropdown-menu-link-item.component'; @@ -12,7 +12,7 @@ describe('DropdownMenuLinkItemComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - imports: [DropdownMenuLinkItemComponent, MockComponent(LinkComponent)], + imports: [DropdownMenuLinkItemComponent, MockComponent(LinkComponent), MockComponent(IconComponent)], }).compileComponents(); fixture = TestBed.createComponent(DropdownMenuLinkItemComponent); diff --git a/alfa-client/libs/design-system/src/lib/dropdown-menu/dropdown-menu-link-item/dropdown-menu-link-item.component.ts b/alfa-client/libs/design-system/src/lib/dropdown-menu/dropdown-menu-link-item/dropdown-menu-link-item.component.ts index 24427bb02e..9586e89e01 100644 --- a/alfa-client/libs/design-system/src/lib/dropdown-menu/dropdown-menu-link-item/dropdown-menu-link-item.component.ts +++ b/alfa-client/libs/design-system/src/lib/dropdown-menu/dropdown-menu-link-item/dropdown-menu-link-item.component.ts @@ -1,12 +1,12 @@ import { CommonModule } from '@angular/common'; import { Component, Input } from '@angular/core'; -import { OpenLinkIconComponent } from '../../icons/open-link-icon/open-link-icon.component'; +import { IconComponent } from '../../icon/icon.component'; import { LinkComponent } from '../../link/link.component'; @Component({ selector: 'ods-dropdown-menu-link-item', standalone: true, - imports: [LinkComponent, OpenLinkIconComponent, CommonModule], + imports: [LinkComponent, IconComponent, CommonModule], template: `<div class="w-full bg-whitetext p-1.5"> <ods-link [url]="url" [openInNewTab]="true"> <div class="flex min-w-80 gap-3 px-3 py-1.5"> @@ -17,7 +17,7 @@ import { LinkComponent } from '../../link/link.component'; } <div class="flex items-center gap-2"> <p class="text-sm font-normal text-primary">{{ text }}</p> - <ods-open-link-icon size="small" /> + <ods-icon name="open-link" size="small" /> <span class="sr-only">Öffnet in einem neuen Tab</span> </div> </div> diff --git a/alfa-client/libs/design-system/src/lib/icons/office-icon/office-icon.component.spec.ts b/alfa-client/libs/design-system/src/lib/icons/office-icon/office-icon.component.spec.ts deleted file mode 100644 index 33a1e479c7..0000000000 --- a/alfa-client/libs/design-system/src/lib/icons/office-icon/office-icon.component.spec.ts +++ /dev/null @@ -1,44 +0,0 @@ -/* - * Copyright (C) 2024 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 { OfficeIconComponent } from './office-icon.component'; - -describe('SaveIconComponent', () => { - let component: OfficeIconComponent; - let fixture: ComponentFixture<OfficeIconComponent>; - - beforeEach(async () => { - await TestBed.configureTestingModule({ - imports: [OfficeIconComponent], - }).compileComponents(); - - fixture = TestBed.createComponent(OfficeIconComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/alfa-client/libs/design-system/src/lib/icons/office-icon/office-icon.component.ts b/alfa-client/libs/design-system/src/lib/icons/office-icon/office-icon.component.ts deleted file mode 100644 index 1543f68434..0000000000 --- a/alfa-client/libs/design-system/src/lib/icons/office-icon/office-icon.component.ts +++ /dev/null @@ -1,51 +0,0 @@ -/* - * Copyright (C) 2024 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 { NgClass } from '@angular/common'; -import { Component, Input } from '@angular/core'; -import { twMerge } from 'tailwind-merge'; - -import { IconVariants, iconVariants } from '../iconVariants'; - -@Component({ - selector: 'ods-office-icon', - standalone: true, - imports: [NgClass], - template: `<svg - [ngClass]="twMerge(iconVariants({ size }), 'fill-black', class)" - viewBox="0 0 24 24" - fill="none" - xmlns="http://www.w3.org/2000/svg" - > - <path - d="M2 21V4.75L7 1L12 4.75V7H22V21H2ZM4 19H6V17H4V19ZM4 15H6V13H4V15ZM4 11H6V9H4V11ZM4 7H6V5H4V7ZM8 7H10V5H8V7ZM8 19H20V9H8V19ZM14 13V11H18V13H14ZM14 17V15H18V17H14ZM10 13V11H12V13H10ZM10 17V15H12V17H10Z" - /> - </svg>`, -}) -export class OfficeIconComponent { - @Input() size: IconVariants['size'] = 'medium'; - @Input() class: string = undefined; - - iconVariants = iconVariants; - twMerge = twMerge; -} diff --git a/alfa-client/libs/design-system/src/lib/icons/office-icon/office-icon.stories.ts b/alfa-client/libs/design-system/src/lib/icons/office-icon/office-icon.stories.ts deleted file mode 100644 index fac0d470fc..0000000000 --- a/alfa-client/libs/design-system/src/lib/icons/office-icon/office-icon.stories.ts +++ /dev/null @@ -1,50 +0,0 @@ -/* - * Copyright (C) 2024 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 type { Meta, StoryObj } from '@storybook/angular'; - -import { OfficeIconComponent } from './office-icon.component'; - -const meta: Meta<OfficeIconComponent> = { - title: 'Icons/Office icon', - component: OfficeIconComponent, - excludeStories: /.*Data$/, - tags: ['autodocs'], -}; - -export default meta; -type Story = StoryObj<OfficeIconComponent>; - -export const Default: Story = { - args: { size: 'large' }, - argTypes: { - size: { - control: 'select', - options: ['small', 'medium', 'large', 'extra-large', 'full'], - description: 'Size of icon. Property "full" means 100%', - table: { - defaultValue: { summary: 'medium' }, - }, - }, - }, -}; diff --git a/alfa-client/libs/design-system/src/lib/icons/open-link-icon/open-link-icon.component.spec.ts b/alfa-client/libs/design-system/src/lib/icons/open-link-icon/open-link-icon.component.spec.ts deleted file mode 100644 index 391bb8a99d..0000000000 --- a/alfa-client/libs/design-system/src/lib/icons/open-link-icon/open-link-icon.component.spec.ts +++ /dev/null @@ -1,44 +0,0 @@ -/* - * 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 { OpenLinkIconComponent } from './open-link-icon.component'; - -describe('OpenLinkIconComponent', () => { - let component: OpenLinkIconComponent; - let fixture: ComponentFixture<OpenLinkIconComponent>; - - beforeEach(async () => { - await TestBed.configureTestingModule({ - imports: [OpenLinkIconComponent], - }).compileComponents(); - - fixture = TestBed.createComponent(OpenLinkIconComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/alfa-client/libs/design-system/src/lib/icons/open-link-icon/open-link-icon.component.ts b/alfa-client/libs/design-system/src/lib/icons/open-link-icon/open-link-icon.component.ts deleted file mode 100644 index e4774466ae..0000000000 --- a/alfa-client/libs/design-system/src/lib/icons/open-link-icon/open-link-icon.component.ts +++ /dev/null @@ -1,50 +0,0 @@ -/* - * 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 { NgClass } from '@angular/common'; -import { Component, Input } from '@angular/core'; -import { twMerge } from 'tailwind-merge'; -import { iconVariants, IconVariants } from '../iconVariants'; - -@Component({ - selector: 'ods-open-link-icon', - standalone: true, - imports: [NgClass], - template: `<svg - xmlns="http://www.w3.org/2000/svg" - viewBox="0 0 24 24" - [ngClass]="twMerge(iconVariants({ size }), 'fill-primary', class)" - aria-hidden="true" - > - <path - d="M5 21c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 3 19V5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 5 3h7v2H5v14h14v-7h2v7c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 19 21H5Zm4.7-5.3-1.4-1.4L17.6 5H14V3h7v7h-2V6.4l-9.3 9.3Z" - /> - </svg>`, -}) -export class OpenLinkIconComponent { - @Input() size: IconVariants['size'] = 'medium'; - @Input() class: string = undefined; - - readonly iconVariants = iconVariants; - readonly twMerge = twMerge; -} diff --git a/alfa-client/libs/design-system/src/lib/icons/open-link-icon/open-link-icon.stories.ts b/alfa-client/libs/design-system/src/lib/icons/open-link-icon/open-link-icon.stories.ts deleted file mode 100644 index 8941a073fa..0000000000 --- a/alfa-client/libs/design-system/src/lib/icons/open-link-icon/open-link-icon.stories.ts +++ /dev/null @@ -1,50 +0,0 @@ -/* - * 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 type { Meta, StoryObj } from '@storybook/angular'; - -import { OpenLinkIconComponent } from './open-link-icon.component'; - -const meta: Meta<OpenLinkIconComponent> = { - title: 'Icons/Open link icon', - component: OpenLinkIconComponent, - excludeStories: /.*Data$/, - tags: ['autodocs'], -}; - -export default meta; -type Story = StoryObj<OpenLinkIconComponent>; - -export const Default: Story = { - args: { size: 'medium' }, - argTypes: { - size: { - control: 'select', - options: ['small', 'medium', 'large', 'extra-large', 'full'], - description: 'Size of icon. Property "full" means 100%', - table: { - defaultValue: { summary: 'medium' }, - }, - }, - }, -}; diff --git a/alfa-client/libs/design-system/src/lib/navbar/navbar/navbar.stories.ts b/alfa-client/libs/design-system/src/lib/navbar/navbar/navbar.stories.ts index abb8515c0b..00bdcbaf4c 100644 --- a/alfa-client/libs/design-system/src/lib/navbar/navbar/navbar.stories.ts +++ b/alfa-client/libs/design-system/src/lib/navbar/navbar/navbar.stories.ts @@ -25,7 +25,6 @@ import { APP_BASE_HREF } from '@angular/common'; import { importProvidersFrom } from '@angular/core'; import { RouterModule } from '@angular/router'; import { applicationConfig, moduleMetadata, type Meta, type StoryObj } from '@storybook/angular'; -import { OfficeIconComponent } from '../../icons/office-icon/office-icon.component'; import { NavItemComponent } from '../nav-item/nav-item.component'; import { NavbarComponent } from './navbar.component'; @@ -39,7 +38,7 @@ const meta: Meta<NavbarComponent> = { providers: [importProvidersFrom(RouterModule.forRoot([]))], }), moduleMetadata({ - imports: [NavItemComponent, OfficeIconComponent], + imports: [NavItemComponent], providers: [ { provide: APP_BASE_HREF, @@ -57,6 +56,7 @@ export const Default: Story = { args: {}, render: () => ({ template: `<ods-navbar> + //TODO OZG-7077 <ods-nav-item caption="First link" path="/"><ods-office-icon icon /></ods-nav-item> <ods-nav-item caption="Second link" path="/second"><ods-office-icon icon /></ods-nav-item> <hr /> diff --git a/alfa-client/libs/zustaendige-stelle/src/lib/zustaendige-stelle.module.ts b/alfa-client/libs/zustaendige-stelle/src/lib/zustaendige-stelle.module.ts index e18c59b1fd..5abd3f4ee4 100644 --- a/alfa-client/libs/zustaendige-stelle/src/lib/zustaendige-stelle.module.ts +++ b/alfa-client/libs/zustaendige-stelle/src/lib/zustaendige-stelle.module.ts @@ -29,7 +29,6 @@ import { ExternalUnitIconComponent, IconComponent, InstantSearchComponent, - OfficeIconComponent, PublicAdministrationIconComponent, SearchIconComponent, } from '@ods/system'; @@ -53,7 +52,6 @@ import { ZustaendigeStelleHeaderComponent } from './zustaendige-stelle-header/zu FormsModule, ReactiveFormsModule, ZustaendigeStelleSharedModule, - OfficeIconComponent, SearchIconComponent, ExternalUnitIconComponent, IconComponent, -- GitLab