Merge pull request #50 from amosproj/feat/xd-48

feat: install tailwind

apps/frontend/src/app/app.component.html

@@ -1 +1,16 @@
-<app-nx-welcome></app-nx-welcome> <router-outlet></router-outlet>
+<ix-application>
+	<ix-application-header name="My Application">
+		<div class="placeholder-logo" slot="logo"></div>
+	</ix-application-header>
+	<ix-menu>
+		<ix-menu-item>Item 1</ix-menu-item>
+		<ix-menu-item>Item 2</ix-menu-item>
+	</ix-menu>
+	<ix-content>
+		<ix-content-header slot="header" header-title="My Content Page"> </ix-content-header>
+		<div class="text-4xl">This text ist big because of a tailwind class</div>
+		<div class="bg-custom-pink">The background is pink because of a custom color</div>
+		<div class="test-custom-class">This text is centered because of a custom class</div>
+		<router-outlet></router-outlet>
+	</ix-content>
+</ix-application>

apps/frontend/src/app/app.component.spec.ts

@@ -2,22 +2,14 @@ import { TestBed } from '@angular/core/testing';
 import { RouterTestingModule } from '@angular/router/testing';
 
 import { AppComponent } from './app.component';
-import { NxWelcomeComponent } from './nx-welcome.component';
 
 describe('AppComponent', () => {
 	beforeEach(async () => {
 		await TestBed.configureTestingModule({
-			imports: [AppComponent, NxWelcomeComponent, RouterTestingModule],
+			imports: [AppComponent, RouterTestingModule],
 		}).compileComponents();
 	});
 
-	it('should render title', () => {
-		const fixture = TestBed.createComponent(AppComponent);
-		fixture.detectChanges();
-		const compiled = fixture.nativeElement as HTMLElement;
-		expect(compiled.querySelector('h1')?.textContent).toContain('Welcome frontend');
-	});
-
 	it(`should have as title 'frontend'`, () => {
 		const fixture = TestBed.createComponent(AppComponent);
 		const app = fixture.componentInstance;

apps/frontend/src/app/app.component.ts

@@ -1,11 +1,10 @@
 import { Component } from '@angular/core';
 import { RouterModule } from '@angular/router';
-
-import { NxWelcomeComponent } from './nx-welcome.component';
+import { IxModule } from '@siemens/ix-angular';
 
 @Component({
 	standalone: true,
-	imports: [NxWelcomeComponent, RouterModule],
+	imports: [RouterModule, IxModule],
 	selector: 'app-root',
 	templateUrl: './app.component.html',
 	styleUrl: './app.component.scss',

apps/frontend/src/app/app.config.ts

@@ -1,8 +1,9 @@
-import { ApplicationConfig } from '@angular/core';
+import { ApplicationConfig, importProvidersFrom } from '@angular/core';
 import { provideRouter } from '@angular/router';
+import { IxModule } from '@siemens/ix-angular';
 
 import { appRoutes } from './app.routes';
 
 export const appConfig: ApplicationConfig = {
-	providers: [provideRouter(appRoutes)],
+	providers: [provideRouter(appRoutes), importProvidersFrom(IxModule.forRoot())],
 };