diff --git a/alfa-client/apps/admin/src/app/app.component.html b/alfa-client/apps/admin/src/app/app.component.html index d383d837c6dc320fb77aba7b71584464b93b0938..4a9d3f0ffebbaff963100cf82298fc2044af5543 100644 --- a/alfa-client/apps/admin/src/app/app.component.html +++ b/alfa-client/apps/admin/src/app/app.component.html @@ -45,7 +45,7 @@ <ods-navbar data-test-id="navigation"> @if (apiRoot | hasLink: apiRootLinkRel.USERS) { <ods-nav-item data-test-id="users-roles-navigation" caption="Benutzer & Rollen" [path]="routes.BENUTZER"> - <ods-icon icon name="users" class="fill-none stroke-text" /> + <ods-icon icon name="users" fill="text" /> </ods-nav-item> } @if (apiRoot | hasLink: apiRootLinkRel.ORGANISATIONS_EINHEIT) { diff --git a/alfa-client/libs/collaboration/src/lib/collaboration-in-vorgang-container/collaboration-in-vorgang/anfrage-erstellen-button/anfrage-erstellen-button.component.spec.ts b/alfa-client/libs/collaboration/src/lib/collaboration-in-vorgang-container/collaboration-in-vorgang/anfrage-erstellen-button/anfrage-erstellen-button.component.spec.ts index bfc255568177cd1af5cece726f3f19593c917a66..cb3fd368d330127aa39b50b81d9200822789fa58 100644 --- a/alfa-client/libs/collaboration/src/lib/collaboration-in-vorgang-container/collaboration-in-vorgang/anfrage-erstellen-button/anfrage-erstellen-button.component.spec.ts +++ b/alfa-client/libs/collaboration/src/lib/collaboration-in-vorgang-container/collaboration-in-vorgang/anfrage-erstellen-button/anfrage-erstellen-button.component.spec.ts @@ -23,7 +23,7 @@ */ import { dispatchEventFromFixture } from '@alfa-client/test-utils'; import { ComponentFixture, TestBed } from '@angular/core/testing'; -import { ButtonComponent, UsersIconComponent } from '@ods/system'; +import { ButtonComponent } from '@ods/system'; import { getDataTestIdAttributeOf } from 'libs/tech-shared/test/data-test'; import { MockComponent } from 'ng-mocks'; import { AnfrageErstellenButtonComponent } from './anfrage-erstellen-button.component'; @@ -37,7 +37,7 @@ describe('AnfrageErstellenButtonComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ declarations: [AnfrageErstellenButtonComponent], - imports: [MockComponent(ButtonComponent), MockComponent(UsersIconComponent)], + imports: [MockComponent(ButtonComponent)], }).compileComponents(); fixture = TestBed.createComponent(AnfrageErstellenButtonComponent); diff --git a/alfa-client/libs/collaboration/src/lib/collaboration.module.ts b/alfa-client/libs/collaboration/src/lib/collaboration.module.ts index 11be3c50a3d428db80edd89b7bb3c08784a9c94e..1e1915c517d874bbcfec09dbd47ceaf674e11ca7 100644 --- a/alfa-client/libs/collaboration/src/lib/collaboration.module.ts +++ b/alfa-client/libs/collaboration/src/lib/collaboration.module.ts @@ -29,13 +29,7 @@ import { CommonModule } from '@angular/common'; import { NgModule } from '@angular/core'; import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { ButtonWithSpinnerComponent, TextEditorComponent, TextareaEditorComponent } from '@ods/component'; -import { - ButtonComponent, - ExternalUnitIconComponent, - IconComponent, - PublicAdministrationIconComponent, - UsersIconComponent, -} from '@ods/system'; +import { ButtonComponent, ExternalUnitIconComponent, IconComponent, PublicAdministrationIconComponent } from '@ods/system'; import { ExterneFachstelleListItemContainerComponent } from 'libs/externe-fachstelle/src/lib/externe-fachstelle-list-item-container/externe-fachstelle-list-item-container.component'; import { OrganisationsEinheitListItemContainerComponent } from 'libs/organisations-einheit/src/lib/organisations-einheit-list-item-container/organisations-einheit-list-item-container.component'; import { CollaborationInVorgangContainerComponent } from './collaboration-in-vorgang-container/collaboration-in-vorgang-container.component'; @@ -53,7 +47,6 @@ import { CollaborationRequestFormComponent } from './collaboration-in-vorgang-co ButtonComponent, IconComponent, CollaborationSharedModule, - UsersIconComponent, TextEditorComponent, TextareaEditorComponent, FormsModule, diff --git a/alfa-client/libs/design-system/src/assets/users.svg b/alfa-client/libs/design-system/src/assets/users.svg index bd2e8130ced89bff847c01a23939518dc0a23791..a2e68f116cb9234019f2a254e775f6f4427b0672 100644 --- a/alfa-client/libs/design-system/src/assets/users.svg +++ b/alfa-client/libs/design-system/src/assets/users.svg @@ -1,34 +1,5 @@ -<svg - viewBox="0 0 24 24" - aria-hidden="true" - xmlns="http://www.w3.org/2000/svg" - > - <path - d="M16 21V19C16 17.9391 15.5786 16.9217 14.8284 16.1716C14.0783 15.4214 13.0609 15 12 15H6C4.93913 15 3.92172 15.4214 3.17157 16.1716C2.42143 16.9217 2 17.9391 2 19V21" - stroke-width="2" - stroke-linecap="round" - stroke-linejoin="round" - fill="none" - /> - <path - d="M9 11C11.2091 11 13 9.20914 13 7C13 4.79086 11.2091 3 9 3C6.79086 3 5 4.79086 5 7C5 9.20914 6.79086 11 9 11Z" - stroke-width="2" - stroke-linecap="round" - stroke-linejoin="round" - fill="none" - /> - <path - d="M22 20.9999V18.9999C21.9993 18.1136 21.7044 17.2527 21.1614 16.5522C20.6184 15.8517 19.8581 15.3515 19 15.1299" - stroke-width="2" - stroke-linecap="round" - stroke-linejoin="round" - fill="none" - /> - <path - d="M16 3.12988C16.8604 3.35018 17.623 3.85058 18.1676 4.55219C18.7122 5.2538 19.0078 6.11671 19.0078 7.00488C19.0078 7.89305 18.7122 8.75596 18.1676 9.45757C17.623 10.1592 16.8604 10.6596 16 10.8799" - stroke-width="2" - stroke-linecap="round" - stroke-linejoin="round" - fill="none" - /> - </svg> \ No newline at end of file +<svg viewBox="0 0 24 24" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"> + <path + d="M8.404 2.045c-1.492.173-2.878 1.069-3.67 2.374a4.994 4.994 0 0 0 1.03 6.375 4.992 4.992 0 0 0 6.472 0c2.09-1.78 2.34-4.937.558-7.03a5.013 5.013 0 0 0-4.39-1.719m7.283.151a1.06 1.06 0 0 0-.578.504c-.124.239-.119.623.011.877.139.269.317.399.765.557.482.17.726.302 1.048.567.471.389.884 1.062 1.006 1.639.075.352.077.96.004 1.301-.227 1.073-1.048 1.945-2.127 2.258a1.653 1.653 0 0 0-.395.18c-.192.132-.371.436-.405.687-.07.51.339 1.025.872 1.099.213.029.653-.086 1.153-.301.996-.429 1.943-1.34 2.438-2.344.22-.446.32-.734.427-1.226.102-.47.101-1.521-.001-1.994a5.184 5.184 0 0 0-1.913-3.001 5.704 5.704 0 0 0-1.566-.778c-.419-.119-.461-.121-.739-.025M9.632 4.062c.388.079.955.352 1.264.609 1.081.9 1.41 2.384.804 3.629a2.93 2.93 0 0 1-1.4 1.4c-1.245.606-2.729.277-3.629-.804a3.408 3.408 0 0 1-.609-1.264 3.037 3.037 0 0 1 1.042-2.961c.298-.247.872-.529 1.236-.606a3.642 3.642 0 0 1 1.292-.003M5.32 14.061a5.019 5.019 0 0 0-3.837 2.824c-.397.846-.492 1.481-.475 3.166.013 1.345.016 1.36.299 1.642.209.21.391.285.693.285.397 0 .695-.186.893-.556.083-.155.088-.226.111-1.582.027-1.579.032-1.616.313-2.18.398-.8 1.201-1.425 2.051-1.598.462-.093 6.802-.093 7.264 0 .85.173 1.653.798 2.051 1.598.281.564.286.601.313 2.18.027 1.578.025 1.568.311 1.853.209.21.391.285.693.285.397 0 .695-.186.893-.556.083-.154.088-.219.099-1.371.009-.903-.003-1.324-.047-1.66-.153-1.156-.618-2.106-1.424-2.912a4.881 4.881 0 0 0-2.881-1.421c-.588-.079-6.748-.077-7.32.003m13.367.135a1.06 1.06 0 0 0-.578.504c-.124.239-.119.623.011.877.139.269.317.399.768.558.837.295 1.368.736 1.765 1.467.305.561.319.653.344 2.238.026 1.578.024 1.567.31 1.853.209.21.391.285.693.285.302 0 .484-.075.693-.285.29-.29.287-.269.287-1.853 0-1.2-.011-1.474-.071-1.768a4.952 4.952 0 0 0-1.408-2.612 4.39 4.39 0 0 0-1.351-.96c-.37-.175-1.004-.381-1.164-.379a1.458 1.458 0 0 0-.299.075" + fill-rule="evenodd" /> +</svg> \ No newline at end of file diff --git a/alfa-client/libs/design-system/src/index.ts b/alfa-client/libs/design-system/src/index.ts index 6d03dda9b796d742ae150814b6c435eef86e1949..895513a35dc269fcf541192b09add4bd0ff4468f 100644 --- a/alfa-client/libs/design-system/src/index.ts +++ b/alfa-client/libs/design-system/src/index.ts @@ -53,8 +53,6 @@ export * from './lib/icons/ozg-logo-icon/ozg-logo-icon.component'; export * from './lib/icons/person-icon/person-icon.component'; export * from './lib/icons/public-administration-icon/public-administration-icon.component'; export * from './lib/icons/spinner-icon/spinner-icon.component'; -export * from './lib/icons/user-icon/user-icon.component'; -export * from './lib/icons/users-icon/users-icon.component'; export * from './lib/instant-search/instant-search/instant-search.component'; export * from './lib/instant-search/instant-search/instant-search.model'; export * from './lib/link/link.component'; diff --git a/alfa-client/libs/design-system/src/lib/dropdown-menu/dropdown-menu/dropdown-menu.stories.ts b/alfa-client/libs/design-system/src/lib/dropdown-menu/dropdown-menu/dropdown-menu.stories.ts index fe7c462d60d072d4854d8f300c2c556a34175850..0f0a475073d758e8ebc9063bf7727540c8708ddd 100644 --- a/alfa-client/libs/design-system/src/lib/dropdown-menu/dropdown-menu/dropdown-menu.stories.ts +++ b/alfa-client/libs/design-system/src/lib/dropdown-menu/dropdown-menu/dropdown-menu.stories.ts @@ -23,7 +23,6 @@ */ import { argsToTemplate, componentWrapperDecorator, moduleMetadata, type Meta, type StoryObj } from '@storybook/angular'; -import { UserIconComponent } from '../../icons/user-icon/user-icon.component'; import { DropdownMenuButtonItemComponent } from '../dropdown-menu-button-item/dropdown-menu-button-item.component'; import { DropdownMenuItemComponent } from '../dropdown-menu-item/dropdown-menu-item.component'; import { DropdownMenuTextItemComponent } from '../dropdown-menu-text-item/dropdown-menu-text-item.component'; @@ -34,13 +33,7 @@ const meta: Meta<DropdownMenuComponent> = { component: DropdownMenuComponent, decorators: [ moduleMetadata({ - imports: [ - DropdownMenuComponent, - DropdownMenuItemComponent, - DropdownMenuButtonItemComponent, - DropdownMenuTextItemComponent, - UserIconComponent, - ], + imports: [DropdownMenuComponent, DropdownMenuItemComponent, DropdownMenuButtonItemComponent, DropdownMenuTextItemComponent], }), componentWrapperDecorator((story) => `<div class="flex justify-center mb-32">${story}</div>`), ], @@ -67,6 +60,7 @@ export const Button: Story = { render: (args) => ({ props: args, template: `<ods-dropdown-menu ${argsToTemplate(args)}> + //TODO OZG-7707 <ods-user-icon button-content /> <ods-dropdown-menu-button-item caption="Lorem" /> <ods-dropdown-menu-button-item caption="Ipsum" /> diff --git a/alfa-client/libs/design-system/src/lib/icons/user-icon/user-icon.component.spec.ts b/alfa-client/libs/design-system/src/lib/icons/user-icon/user-icon.component.spec.ts deleted file mode 100644 index e7079853887ddf224f3a39f83aff82a8eb476d0f..0000000000000000000000000000000000000000 --- a/alfa-client/libs/design-system/src/lib/icons/user-icon/user-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 { UserIconComponent } from './user-icon.component'; - -describe('UserIconComponent', () => { - let component: UserIconComponent; - let fixture: ComponentFixture<UserIconComponent>; - - beforeEach(async () => { - await TestBed.configureTestingModule({ - imports: [UserIconComponent], - }).compileComponents(); - - fixture = TestBed.createComponent(UserIconComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/alfa-client/libs/design-system/src/lib/icons/user-icon/user-icon.component.ts b/alfa-client/libs/design-system/src/lib/icons/user-icon/user-icon.component.ts deleted file mode 100644 index 466b89fda0d4684409e727fc13471e71a36765a3..0000000000000000000000000000000000000000 --- a/alfa-client/libs/design-system/src/lib/icons/user-icon/user-icon.component.ts +++ /dev/null @@ -1,53 +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 { CommonModule } from '@angular/common'; -import { Component, Input } from '@angular/core'; -import { twMerge } from 'tailwind-merge'; -import { IconVariants, iconVariants } from '../iconVariants'; - -@Component({ - selector: 'ods-user-icon', - standalone: true, - imports: [CommonModule], - template: ` - <svg - viewBox="0 0 112 112" - fill="none" - xmlns="http://www.w3.org/2000/svg" - [ngClass]="[twMerge(iconVariants({ size }), 'fill-ozggray-300', class)]" - > - <path - d="M56 0.970734C25.6239 0.970734 0.970886 25.6239 0.970886 56C0.970886 86.3761 25.6239 111.029 56 111.029C86.3761 111.029 111.029 86.3761 111.029 56C111.029 25.6239 86.3761 0.970734 56 0.970734ZM56 17.4795C65.135 17.4795 72.5087 24.8534 72.5087 33.9881C72.5087 43.1232 65.135 50.4969 56 50.4969C46.8652 50.4969 39.4912 43.1232 39.4912 33.9881C39.4912 24.8534 46.8652 17.4795 56 17.4795ZM56 95.621C42.2428 95.621 30.0814 88.5772 22.9825 77.9014C23.1477 66.9506 44.9943 60.9526 56 60.9526C66.9508 60.9526 88.8525 66.9506 89.0175 77.9014C81.9189 88.5772 69.7575 95.621 56 95.621Z" - /> - </svg> - `, -}) -export class UserIconComponent { - @Input() variant: 'user' | 'initials' = 'user'; - @Input() size: IconVariants['size'] = 'xxl'; - @Input() class: string = undefined; - - iconVariants = iconVariants; - twMerge = twMerge; -} diff --git a/alfa-client/libs/design-system/src/lib/icons/user-icon/user-icon.stories.ts b/alfa-client/libs/design-system/src/lib/icons/user-icon/user-icon.stories.ts deleted file mode 100644 index a32dddd04e1ea0925eb2eb12de05c2d873d5949a..0000000000000000000000000000000000000000 --- a/alfa-client/libs/design-system/src/lib/icons/user-icon/user-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 { UserIconComponent } from './user-icon.component'; - -const meta: Meta<UserIconComponent> = { - title: 'Icons/User icon', - component: UserIconComponent, - excludeStories: /.*Data$/, - tags: ['autodocs'], -}; - -export default meta; -type Story = StoryObj<UserIconComponent>; - -export const Default: Story = { - args: { size: 'xxl' }, - argTypes: { - size: { - control: 'select', - options: ['small', 'medium', 'large', 'extra-large', 'xxl', 'full'], - description: 'Size of icon. Property "full" means 100%', - table: { - defaultValue: { summary: 'xxl' }, - }, - }, - }, -}; diff --git a/alfa-client/libs/design-system/src/lib/icons/users-icon/users-icon.component.spec.ts b/alfa-client/libs/design-system/src/lib/icons/users-icon/users-icon.component.spec.ts deleted file mode 100644 index ad8801b6de6458c3713ad04db8f340ce11ba9e8b..0000000000000000000000000000000000000000 --- a/alfa-client/libs/design-system/src/lib/icons/users-icon/users-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 { UsersIconComponent } from './users-icon.component'; - -describe('UsersIconComponent', () => { - let component: UsersIconComponent; - let fixture: ComponentFixture<UsersIconComponent>; - - beforeEach(async () => { - await TestBed.configureTestingModule({ - imports: [UsersIconComponent], - }).compileComponents(); - - fixture = TestBed.createComponent(UsersIconComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/alfa-client/libs/design-system/src/lib/icons/users-icon/users-icon.component.ts b/alfa-client/libs/design-system/src/lib/icons/users-icon/users-icon.component.ts deleted file mode 100644 index 4f96a451d5c7381a40aa9563fb0a172bca34a0c3..0000000000000000000000000000000000000000 --- a/alfa-client/libs/design-system/src/lib/icons/users-icon/users-icon.component.ts +++ /dev/null @@ -1,76 +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 { CommonModule } from '@angular/common'; -import { Component, Input } from '@angular/core'; -import { twMerge } from 'tailwind-merge'; -import { IconVariants, iconVariants } from '../iconVariants'; - -@Component({ - selector: 'ods-users-icon', - standalone: true, - imports: [CommonModule], - template: `<svg - viewBox="0 0 24 24" - [ngClass]="[twMerge(iconVariants({ size }), 'stroke-primary', class)]" - aria-hidden="true" - fill="inherit" - xmlns="http://www.w3.org/2000/svg" - > - <path - d="M16 21V19C16 17.9391 15.5786 16.9217 14.8284 16.1716C14.0783 15.4214 13.0609 15 12 15H6C4.93913 15 3.92172 15.4214 3.17157 16.1716C2.42143 16.9217 2 17.9391 2 19V21" - stroke-width="2" - stroke-linecap="round" - stroke-linejoin="round" - fill="none" - /> - <path - d="M9 11C11.2091 11 13 9.20914 13 7C13 4.79086 11.2091 3 9 3C6.79086 3 5 4.79086 5 7C5 9.20914 6.79086 11 9 11Z" - stroke-width="2" - stroke-linecap="round" - stroke-linejoin="round" - fill="none" - /> - <path - d="M22 20.9999V18.9999C21.9993 18.1136 21.7044 17.2527 21.1614 16.5522C20.6184 15.8517 19.8581 15.3515 19 15.1299" - stroke-width="2" - stroke-linecap="round" - stroke-linejoin="round" - fill="none" - /> - <path - d="M16 3.12988C16.8604 3.35018 17.623 3.85058 18.1676 4.55219C18.7122 5.2538 19.0078 6.11671 19.0078 7.00488C19.0078 7.89305 18.7122 8.75596 18.1676 9.45757C17.623 10.1592 16.8604 10.6596 16 10.8799" - stroke-width="2" - stroke-linecap="round" - stroke-linejoin="round" - fill="none" - /> - </svg>`, -}) -export class UsersIconComponent { - @Input() size: IconVariants['size'] = 'medium'; - @Input() class: string = undefined; - - iconVariants = iconVariants; - twMerge = twMerge; -} diff --git a/alfa-client/libs/design-system/src/lib/icons/users-icon/users-icon.stories.ts b/alfa-client/libs/design-system/src/lib/icons/users-icon/users-icon.stories.ts deleted file mode 100644 index b40cbcc0d891133a622e005963b67a34ac05c14c..0000000000000000000000000000000000000000 --- a/alfa-client/libs/design-system/src/lib/icons/users-icon/users-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 { UsersIconComponent } from './users-icon.component'; - -const meta: Meta<UsersIconComponent> = { - title: 'Icons/Users icon', - component: UsersIconComponent, - excludeStories: /.*Data$/, - tags: ['autodocs'], -}; - -export default meta; -type Story = StoryObj<UsersIconComponent>; - -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/user-profile/src/lib/user-icon/user-icon.component.html b/alfa-client/libs/user-profile/src/lib/user-icon/user-icon.component.html index 2a57e10d8f4087681b8dde8ccf5066f61847ddc3..93bd67fb8e146bde1bf1e0d07c223c075c6770f7 100644 --- a/alfa-client/libs/user-profile/src/lib/user-icon/user-icon.component.html +++ b/alfa-client/libs/user-profile/src/lib/user-icon/user-icon.component.html @@ -34,11 +34,11 @@ <span data-test-class="user-profile-assigned">{{ initials }}</span> </ng-container> <ng-template #noUser> - <ods-user-icon + <ods-icon *ngIf="!userProfileStateResource.error" + name="user" data-test-class="user-profile-unassigned" class="size-9 fill-ozggray-800" - style="--mdc-icon-button-icon-size: 36px" /> <span *ngIf="errorMessageCode === messageCode.RESOURCE_NOT_FOUND" data-test-class="user-profile-user-not-found">!</span> <ods-icon diff --git a/alfa-client/libs/user-profile/src/lib/user-icon/user-icon.component.spec.ts b/alfa-client/libs/user-profile/src/lib/user-icon/user-icon.component.spec.ts index c1e0a1e5740f12a475c0e2bcd55689965a56d84c..3b8f8f26fc40928b1377e5b174d00a0eb5328a59 100644 --- a/alfa-client/libs/user-profile/src/lib/user-icon/user-icon.component.spec.ts +++ b/alfa-client/libs/user-profile/src/lib/user-icon/user-icon.component.spec.ts @@ -35,7 +35,7 @@ import { NO_NAME_MESSAGE, UserProfileResource, userProfileMessage } from '@alfa- import { ComponentFixture, TestBed } from '@angular/core/testing'; import { MatIcon } from '@angular/material/icon'; import { faker } from '@faker-js/faker'; -import { IconComponent, UserIconComponent as OdsUserIconComponent, TooltipDirective } from '@ods/system'; +import { IconComponent, TooltipDirective } from '@ods/system'; import { getDataTestClassOf } from 'libs/tech-shared/test/data-test'; import { createUserProfileResource } from 'libs/user-profile-shared/test/user-profile'; import { MockComponent, MockDirective } from 'ng-mocks'; @@ -61,7 +61,6 @@ describe('UserIconComponent', () => { MockComponent(SpinnerComponent), MockDirective(TooltipDirective), MockComponent(IconComponent), - MockComponent(OdsUserIconComponent), ], }); }); diff --git a/alfa-client/libs/user-profile/src/lib/user-profile.module.ts b/alfa-client/libs/user-profile/src/lib/user-profile.module.ts index 8def7af5e5df4aae5d443410a3e8bf997ffeb32a..e12c5bdd55df6f9d79da26752d091fa572367d25 100644 --- a/alfa-client/libs/user-profile/src/lib/user-profile.module.ts +++ b/alfa-client/libs/user-profile/src/lib/user-profile.module.ts @@ -42,7 +42,6 @@ import { DropdownMenuComponent, DropdownMenuItemComponent, IconComponent, - UserIconComponent as OdsUserIconComponent, TooltipDirective, } from '@ods/system'; import { AssignUserProfileButtonContainerComponent } from './assign-user-profile-button-container/assign-user-profile-button-container.component'; @@ -70,7 +69,6 @@ import { UserProfileComponent } from './user-profile/user-profile.component'; CommonModule, UserProfileSharedModule, RouterModule, - OdsUserIconComponent, IconButtonWithSpinnerComponent, HasLinkPipe, MatTooltip,