jank/employeeService
1
1
Fork 0
Code Issues 2 Pull requests 4 Projects 1 Releases Packages Wiki Activity Actions

Merge branch 'main' into Benutzer-Ausloggen-Menu

Browse source
This commit is contained in:
dorian 2025-01-08 09:52:23 +00:00
commit a0306fb548
5 changed files with 38 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/app/app.routes.ts
View file

@ -1,10 +1,10 @@
import { Routes } from '@angular/router'; import { Routes } from "@angular/router";
import { LoginViewComponent } from './components/login-view/login-view.component'; import { LoginViewComponent } from "./components/login-view/login-view.component";
import { MitarbeiterverwaltungViewComponent } from './components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component'; import { MitarbeiterverwaltungViewComponent } from "./components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component";
import { EmployeeDetailComponent } from './components/employee-detail/employee-detail.component'; import { EmployeeDetailComponent } from "./components/employee-detail/employee-detail.component";
import { QualifikatonBearbeitenViewComponent } from './components/qualifikaton-bearbeiten-view/qualifikaton-bearbeiten-view.component'; import { QualifikatonBearbeitenViewComponent } from "./components/qualifikaton-bearbeiten-view/qualifikaton-bearbeiten-view.component";
import { KeycloakAuthGuard } from 'keycloak-angular'; import { KeycloakAuthGuard } from "keycloak-angular";
import { AuthGuard } from './service/auth.service'; import { AuthGuard } from "./service/auth.service";
export const routes: Routes = [ export const routes: Routes = [
{ {
@ -26,6 +26,6 @@ export const routes: Routes = [
}, },
{ {
path: "**", path: "**",
redirectTo: '', redirectTo: "",
} },
]; ];

13
src/app/components/login-view/login-view.component.html
View file

@ -1,15 +1,8 @@
<div class="container" style="width: 100%">
<div class="container" style="width: 100%;">
<h1>Hi-Tec GmbH</h1> <h1>Hi-Tec GmbH</h1>
<img src="img.png" alt="Logout Icon" class="logo-image"> <img src="img.png" alt="Logout Icon" class="logo-image" />
<form> <form>
<label for="username">Username</label> <button (click)="login()" type="submit">Mit KeyCLoak anmelden</button>
<input type="text" id="username" name="username"><br>
<label for="password">Password</label>
<input type="password" id="password" name="password"><br><br>
<button type="submit">Anmelden</button>
</form> </form>
</div> </div>

20
src/app/components/login-view/login-view.component.ts
View file

@ -1,12 +1,22 @@
import { Component } from '@angular/core'; import { Component } from "@angular/core";
import { KeycloakService } from 'keycloak-angular'; import { Router } from "@angular/router";
import { KeycloakService } from "keycloak-angular";
@Component({ @Component({
selector: 'app-login-view', selector: "app-login-view",
standalone: true, standalone: true,
imports: [], imports: [],
templateUrl: './login-view.component.html', templateUrl: "./login-view.component.html",
styleUrl: './login-view.component.css' styleUrl: "./login-view.component.css",
}) })
export class LoginViewComponent { export class LoginViewComponent {
constructor(
private keyCloak: KeycloakService,
private router: Router,
) {}
login(): void {
this.keyCloak.login();
this.router.navigate(["/mitarbeiter"]);
}
} }

5
src/app/components/qualifikaton-bearbeiten-view/qualifikaton-bearbeiten-view.component.css
View file

@ -70,7 +70,7 @@ input[type="text"] {
} }
.add-employee-button { .add-employee-button {
background-color: #007bff; background-color: #06a63b;
color: #fff; color: #fff;
padding: 10px 15px; padding: 10px 15px;
border: none; border: none;
@ -96,7 +96,8 @@ input[type="text"] {
padding: 5px 8px; padding: 5px 8px;
border: none; border: none;
cursor: pointer; cursor: pointer;
margin-left: 10px; margin-left: 4px;
margin-right: 4px;
border-radius: 3px; border-radius: 3px;
} }

10
src/app/components/qualifikaton-bearbeiten-view/qualifikaton-bearbeiten-view.component.html
View file

@ -11,16 +11,22 @@
<ul class="employee-list"> <ul class="employee-list">
<li> <li>
<span class="employee-name">Employee 1</span>
<button class="delete-skill-button"> <button class="delete-skill-button">
<img src="Delete-button.svg" alt="Delete"> <img src="Delete-button.svg" alt="Delete">
</button> </button>
<span class="employee-name">Max Mustermann</span>
</li>
<li>
<button class="delete-skill-button">
<img src="Delete-button.svg" alt="Delete">
</button>
<span class="employee-name">Mehdi Boudjoudi</span>
</li> </li>
</ul> </ul>
<div class="add-employee-section"> <div class="add-employee-section">
<label for="employeeSearch">Search for employee</label> <label for="employeeSearch">Search for employee</label>
<input type="text" id="employeeSearch" placeholder="Lastname of employee"> <input type="text" id="employeeSearch" placeholder="Last name of employee">
<button class="add-employee-button">Add employee</button> <button class="add-employee-button">Add employee</button>
</div> </div>
</div> </div>