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

Merge pull request 'Update the login view' (#55) from fix/update-login-screen into main

Browse source 
Reviewed-on: #55
This commit is contained in:
Jan Gleytenhoover 2025-01-08 09:22:58 +00:00
commit b7d613f5d5
3 changed files with 27 additions and 24 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 { LoginViewComponent } from './components/login-view/login-view.component';
import { MitarbeiterverwaltungViewComponent } from './components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component';
import { EmployeeDetailComponent } from './components/employee-detail/employee-detail.component';
import { QualifikatonBearbeitenViewComponent } from './components/qualifikaton-bearbeiten-view/qualifikaton-bearbeiten-view.component';
import { KeycloakAuthGuard } from 'keycloak-angular';
import { AuthGuard } from './service/auth.service';
import { Routes } from "@angular/router";
import { LoginViewComponent } from "./components/login-view/login-view.component";
import { MitarbeiterverwaltungViewComponent } from "./components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component";
import { EmployeeDetailComponent } from "./components/employee-detail/employee-detail.component";
import { QualifikatonBearbeitenViewComponent } from "./components/qualifikaton-bearbeiten-view/qualifikaton-bearbeiten-view.component";
import { KeycloakAuthGuard } from "keycloak-angular";
import { AuthGuard } from "./service/auth.service";
export const routes: Routes = [
{
@ -26,6 +26,6 @@ export const routes: Routes = [
},
{
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>
<img src="img.png" alt="Logout Icon" class="logo-image">
<img src="img.png" alt="Logout Icon" class="logo-image" />
<form>
<label for="username">Username</label>
<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>
<button (click)="login()" type="submit">Mit KeyCLoak anmelden</button>
</form>
</div>

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

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