Skip to content
Snippets Groups Projects
Commit a0535d7b authored by Alexander Reifschneider's avatar Alexander Reifschneider
Browse files

OZG-7707 add new icon to info app

parent 6206d5fa
No related branches found
No related tags found
1 merge request!121OZG-7707 Replace icons
Showing with 22 additions and 212 deletions
...@@ -16,7 +16,15 @@ ...@@ -16,7 +16,15 @@
"polyfills": ["zone.js"], "polyfills": ["zone.js"],
"tsConfig": "apps/info/tsconfig.app.json", "tsConfig": "apps/info/tsconfig.app.json",
"inlineStyleLanguage": "scss", "inlineStyleLanguage": "scss",
"assets": ["apps/info/src/favicon.svg", "apps/info/src/assets"], "assets": [
"apps/info/src/favicon.svg",
"apps/info/src/assets",
{
"input": "libs/design-system/src/assets",
"glob": "**/*",
"output": "assets/icons"
}
],
"styles": ["apps/info/src/styles.scss"], "styles": ["apps/info/src/styles.scss"],
"scripts": [], "scripts": [],
"stylePreprocessorOptions": { "stylePreprocessorOptions": {
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
aria-label="OZG-Cloud Information" aria-label="OZG-Cloud Information"
routerLink="/" routerLink="/"
> >
<ods-ozg-logo-icon /> <ods-icon name="ozg-logo" class="h-auto w-16" />
</a> </a>
</header> </header>
<div class="relative flex w-full flex-auto flex-col justify-center gap-14 p-6"> <div class="relative flex w-full flex-auto flex-col justify-center gap-14 p-6">
......
import { existsAsHtmlElement, notExistsAsHtmlElement } from '@alfa-client/test-utils'; import { existsAsHtmlElement, notExistsAsHtmlElement } from '@alfa-client/test-utils';
import { ComponentFixture, TestBed } from '@angular/core/testing'; import { ComponentFixture, TestBed } from '@angular/core/testing';
import { provideRouter } from '@angular/router'; import { provideRouter } from '@angular/router';
import { IconComponent } from '@ods/system';
import { getDataTestIdOf } from 'libs/tech-shared/test/data-test'; import { getDataTestIdOf } from 'libs/tech-shared/test/data-test';
import { MockComponent } from 'ng-mocks';
import { AppComponent } from './app.component'; import { AppComponent } from './app.component';
describe('AppComponent', () => { describe('AppComponent', () => {
...@@ -12,7 +14,7 @@ describe('AppComponent', () => { ...@@ -12,7 +14,7 @@ describe('AppComponent', () => {
beforeEach(async () => { beforeEach(async () => {
await TestBed.configureTestingModule({ await TestBed.configureTestingModule({
imports: [AppComponent], imports: [AppComponent, MockComponent(IconComponent)],
providers: [provideRouter([])], providers: [provideRouter([])],
}).compileComponents(); }).compileComponents();
......
import { Component, OnInit } from '@angular/core'; import { Component, OnInit } from '@angular/core';
import { RouterModule } from '@angular/router'; import { RouterModule } from '@angular/router';
import { OzgLogoIconComponent } from '@ods/system'; import { IconComponent } from '@ods/system';
import { environment } from '../environments/environment'; import { environment } from '../environments/environment';
@Component({ @Component({
standalone: true, standalone: true,
imports: [RouterModule, OzgLogoIconComponent], imports: [RouterModule, IconComponent],
selector: 'app-root', selector: 'app-root',
templateUrl: './app.component.html', templateUrl: './app.component.html',
}) })
......
import { provideHttpClient } from '@angular/common/http';
import { ApplicationConfig } from '@angular/core'; import { ApplicationConfig } from '@angular/core';
import { provideRouter, withInMemoryScrolling } from '@angular/router'; import { provideRouter, withInMemoryScrolling } from '@angular/router';
import { provideAngularSvgIcon } from 'angular-svg-icon';
import { appRoutes } from './app.routes'; import { appRoutes } from './app.routes';
export const appConfig: ApplicationConfig = { export const appConfig: ApplicationConfig = {
providers: [provideRouter(appRoutes, withInMemoryScrolling({ scrollPositionRestoration: 'enabled' }))], providers: [
provideRouter(appRoutes, withInMemoryScrolling({ scrollPositionRestoration: 'enabled' })),
provideHttpClient(),
provideAngularSvgIcon(),
],
}; };
...@@ -47,7 +47,6 @@ export * from './lib/forwarding-item/forwarding-item.component'; ...@@ -47,7 +47,6 @@ export * from './lib/forwarding-item/forwarding-item.component';
export * from './lib/icon/icon.component'; export * from './lib/icon/icon.component';
export * from './lib/icons/file-icon/file-icon.component'; export * from './lib/icons/file-icon/file-icon.component';
export * from './lib/icons/iconVariants'; export * from './lib/icons/iconVariants';
export * from './lib/icons/ozg-logo-icon/ozg-logo-icon.component';
export * from './lib/icons/spinner-icon/spinner-icon.component'; export * from './lib/icons/spinner-icon/spinner-icon.component';
export * from './lib/instant-search/instant-search/instant-search.component'; export * from './lib/instant-search/instant-search/instant-search.component';
export * from './lib/instant-search/instant-search/instant-search.model'; export * from './lib/instant-search/instant-search/instant-search.model';
......
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { OzgLogoIconComponent } from './ozg-logo-icon.component';
describe('OzgLogoIconComponent', () => {
let component: OzgLogoIconComponent;
let fixture: ComponentFixture<OzgLogoIconComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
imports: [OzgLogoIconComponent],
}).compileComponents();
fixture = TestBed.createComponent(OzgLogoIconComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { CommonModule } from '@angular/common';
import { Component } from '@angular/core';
@Component({
selector: 'ods-ozg-logo-icon',
standalone: true,
imports: [CommonModule],
templateUrl: './ozg-logo-icon.component.html',
})
export class OzgLogoIconComponent {}
import type { Meta, StoryObj } from '@storybook/angular';
import { OzgLogoIconComponent } from './ozg-logo-icon.component';
const meta: Meta<OzgLogoIconComponent> = {
title: 'Icons/OZG logo icon',
component: OzgLogoIconComponent,
excludeStories: /.*Data$/,
tags: ['autodocs'],
};
export default meta;
type Story = StoryObj<OzgLogoIconComponent>;
export const Default: Story = {};
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment