diff --git a/compose.yml b/compose.yml new file mode 100644 index 0000000..9a4847c --- /dev/null +++ b/compose.yml @@ -0,0 +1,29 @@ +volumes: + employee_postgres_data: + driver: local + +services: + postgres-employee: + container_name: postgres_employee + image: postgres:13.3 + volumes: + - employee_postgres_data:/var/lib/postgresql/data + environment: + POSTGRES_DB: employee_db + POSTGRES_USER: employee + POSTGRES_PASSWORD: secret + ports: + - "5432:5432" + + employee: + container_name: employee + image: berndheidemann/employee-management-service:1.1.3 + # image: berndheidemann/employee-management-service_without_keycloak:1.1 + environment: + spring.datasource.url: jdbc:postgresql://postgres-employee:5432/employee_db + spring.datasource.username: employee + spring.datasource.password: secret + ports: + - "8089:8089" + depends_on: + - postgres-employee diff --git a/public/logo.svg b/public/logo.svg new file mode 100644 index 0000000..4a87af6 --- /dev/null +++ b/public/logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/app/app.component.css b/src/app/app.component.css index e69de29..d1e6c40 100644 --- a/src/app/app.component.css +++ b/src/app/app.component.css @@ -0,0 +1,5 @@ + +:host { + display: block; + height: 100vh; +} diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 716545a..febbfd1 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -5,10 +5,13 @@ import { MitarbeiterverwaltungViewComponent } from "./components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component"; +import { NavigationBarComponent } from './components/navigation-bar/navigation-bar.component'; +import { EmployeeDetailComponent } from './components/employee-detail/employee-detail.component'; + @Component({ selector: 'app-root', standalone: true, - imports: [RouterOutlet, LoginViewComponent, MitarbeiterverwaltungViewComponent], + imports: [RouterOutlet, NavigationBarComponent, EmployeeDetailComponent, LoginViewComponent, MitarbeiterverwaltungViewComponent], templateUrl: './app.component.html', styleUrl: './app.component.css' }) diff --git a/src/app/components/employee-detail/employee-detail.component.css b/src/app/components/employee-detail/employee-detail.component.css new file mode 100644 index 0000000..e69de29 diff --git a/src/app/components/employee-detail/employee-detail.component.html b/src/app/components/employee-detail/employee-detail.component.html new file mode 100644 index 0000000..4ad8edc --- /dev/null +++ b/src/app/components/employee-detail/employee-detail.component.html @@ -0,0 +1,28 @@ +
+ +
+ Zurück +
+
+

Name des Mitarbeiters

+

Straße: Straße des Benutzers

+

Postleitzahl: Postleitzahl des Benutzers

+

Stadt: Stadt des Benutzers

+

Telefonnummer: Telefonnummer des Benutzers

+ + +
+
+

Qualifikationen

+
    +
  • Qualifikation 1
    • +
  • Qualifikation 2
    • +
  • Qualifikation 3
    • +
  • Qualifikation 4
    • +
  • Qualifikation 5
    • +
+
+
+ +
+
diff --git a/src/app/components/employee-detail/employee-detail.component.spec.ts b/src/app/components/employee-detail/employee-detail.component.spec.ts new file mode 100644 index 0000000..9483fe5 --- /dev/null +++ b/src/app/components/employee-detail/employee-detail.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { EmployeeDetailComponent } from './employee-detail.component'; + +describe('EmployeeDetailComponent', () => { + let component: EmployeeDetailComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [EmployeeDetailComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(EmployeeDetailComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/components/employee-detail/employee-detail.component.ts b/src/app/components/employee-detail/employee-detail.component.ts new file mode 100644 index 0000000..9fe85a8 --- /dev/null +++ b/src/app/components/employee-detail/employee-detail.component.ts @@ -0,0 +1,13 @@ +import { Component } from '@angular/core'; +import { NavigationBarComponent } from '../navigation-bar/navigation-bar.component'; + +@Component({ + selector: 'app-employee-detail', + standalone: true, + imports: [NavigationBarComponent], + templateUrl: './employee-detail.component.html', + styleUrl: './employee-detail.component.css' +}) +export class EmployeeDetailComponent { + +} diff --git a/src/app/components/navigation-bar/navigation-bar.component.css b/src/app/components/navigation-bar/navigation-bar.component.css new file mode 100644 index 0000000..96df24b --- /dev/null +++ b/src/app/components/navigation-bar/navigation-bar.component.css @@ -0,0 +1,5 @@ +:host { +display: block; + height: 100%; + width: 300px; +} diff --git a/src/app/components/navigation-bar/navigation-bar.component.html b/src/app/components/navigation-bar/navigation-bar.component.html new file mode 100644 index 0000000..c1e0cbe --- /dev/null +++ b/src/app/components/navigation-bar/navigation-bar.component.html @@ -0,0 +1,24 @@ +
+ + + Hi-Tec GmbH + +
+ +
diff --git a/src/app/components/navigation-bar/navigation-bar.component.spec.ts b/src/app/components/navigation-bar/navigation-bar.component.spec.ts new file mode 100644 index 0000000..50ab2c0 --- /dev/null +++ b/src/app/components/navigation-bar/navigation-bar.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { NavigationBarComponent } from './navigation-bar.component'; + +describe('NavigationBarComponent', () => { + let component: NavigationBarComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [NavigationBarComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(NavigationBarComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/components/navigation-bar/navigation-bar.component.ts b/src/app/components/navigation-bar/navigation-bar.component.ts new file mode 100644 index 0000000..ed53374 --- /dev/null +++ b/src/app/components/navigation-bar/navigation-bar.component.ts @@ -0,0 +1,12 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-navigation-bar', + standalone: true, + imports: [], + templateUrl: './navigation-bar.component.html', + styleUrl: './navigation-bar.component.css' +}) +export class NavigationBarComponent { + +} diff --git a/src/styles.css b/src/styles.css index 90d4ee0..6ee37e1 100644 --- a/src/styles.css +++ b/src/styles.css @@ -1 +1,10 @@ /* You can add global styles to this file, and also import other style files */ +.container{ + min-height:100vh; +} + +html, body { + min-height: 100%; + height: auto; + margin: 0; +}