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

Merge branch 'main' into Qualiofikation-Bearbeiten-UI

Browse source
This commit is contained in:
mehdi 2025-01-08 09:06:28 +00:00
commit 4b0ab2f3b9
11 changed files with 1211 additions and 3647 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
bun.lockb Executable file
View file

Binary file not shown.

4726
package-lock.json generated
View file

File diff suppressed because it is too large Load diff

1
package.json
View file

@ -19,6 +19,7 @@
"@angular/platform-browser-dynamic": "^18.2.0", "@angular/platform-browser-dynamic": "^18.2.0",
"@angular/router": "^18.2.0", "@angular/router": "^18.2.0",
"bootstrap": "^5.3.3", "bootstrap": "^5.3.3",
"keycloak-angular": "^16.1.0",
"rxjs": "~7.8.0", "rxjs": "~7.8.0",
"tslib": "^2.3.0", "tslib": "^2.3.0",
"zone.js": "~0.14.10" "zone.js": "~0.14.10"

3
public/silent-check-sso.html Normal file
View file

@ -0,0 +1,3 @@
<html><body>
<h1>balls</h1>
<script>parent.postMessage(location.href, location.origin)</script></body></html>

6
renovate.json Normal file
View file

@ -0,0 +1,6 @@
{
"$schema": "https://docs.renovatebot.com/renovate-schema.json",
"extends": [
"local>Renovate/renovate-config"
]
}

2
src/app/app.component.html
View file

@ -1 +1 @@
<app-qualifikaton-bearbeiten-view></app-qualifikaton-bearbeiten-view> <router-outlet></router-outlet>

43
src/app/app.config.ts
View file

@ -1,8 +1,47 @@
import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core'; import { APP_INITIALIZER, ApplicationConfig, provideZoneChangeDetection } from '@angular/core';
import { provideRouter } from '@angular/router'; import { provideRouter } from '@angular/router';
import { routes } from './app.routes'; import { routes } from './app.routes';
import {KeycloakAngularModule, KeycloakBearerInterceptor, KeycloakService} from "keycloak-angular";
import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
export const initializeKeycloak = (keycloak: KeycloakService) => async () =>
keycloak.init({
config: {
url: 'https://keycloak.szut.dev/auth',
realm: 'szut',
clientId: 'employee-management-service-frontend',
},
loadUserProfileAtStartUp: true,
initOptions: {
onLoad: 'check-sso',
silentCheckSsoRedirectUri:
window.location.origin + '/silent-check-sso.html',
checkLoginIframe: false,
redirectUri: 'http://localhost:4200',
},
});
function initializeApp(keycloak: KeycloakService): () => Promise<boolean> {
return () => initializeKeycloak(keycloak)();
}
export const appConfig: ApplicationConfig = { export const appConfig: ApplicationConfig = {
providers: [provideZoneChangeDetection({ eventCoalescing: true }), provideRouter(routes)] providers: [
provideRouter(routes),
KeycloakAngularModule,
{
provide: APP_INITIALIZER,
useFactory: initializeApp,
multi: true,
deps: [KeycloakService]
},
KeycloakService,
provideHttpClient(withInterceptorsFromDi()),
{
provide: HTTP_INTERCEPTORS,
useClass: KeycloakBearerInterceptor,
multi: true
}
]
}; };

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

@ -1,3 +1,31 @@
import { Routes } from '@angular/router'; 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 = []; export const routes: Routes = [
{
path: "",
component: LoginViewComponent,
},
{
path: "mitarbeiter",
component: MitarbeiterverwaltungViewComponent,
canActivate: [AuthGuard],
},
{
path: "mitarbeiterdetails",
component: EmployeeDetailComponent,
},
{
path: "qualifikationbearbeiten",
component: QualifikatonBearbeitenViewComponent,
},
{
path: "**",
redirectTo: '',
}
];

1
src/app/components/login-view/login-view.component.css
View file

@ -10,7 +10,6 @@ body {
.container { .container {
text-align: center; text-align: center;
padding: 20px; padding: 20px;
border: 1px solid #ccc;
border-radius: 5px; border-radius: 5px;
background-color: #fff; background-color: #fff;
width: 300px; width: 300px;

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

@ -1,4 +1,5 @@
import { Component } from '@angular/core'; import { Component } from '@angular/core';
import { KeycloakService } from 'keycloak-angular';
@Component({ @Component({
selector: 'app-login-view', selector: 'app-login-view',
@ -8,5 +9,4 @@ import { Component } from '@angular/core';
styleUrl: './login-view.component.css' styleUrl: './login-view.component.css'
}) })
export class LoginViewComponent { export class LoginViewComponent {
} }

42
src/app/service/auth.service.ts Normal file
View file

@ -0,0 +1,42 @@
import { Injectable } from '@angular/core';
import {
ActivatedRouteSnapshot,
Router,
RouterStateSnapshot
} from '@angular/router';
import { KeycloakAuthGuard, KeycloakService } from 'keycloak-angular';
@Injectable({
providedIn: 'root'
})
export class AuthGuard extends KeycloakAuthGuard {
constructor(
protected override readonly router: Router,
protected readonly keycloak: KeycloakService
) {
super(router, keycloak);
}
public async isAccessAllowed(
route: ActivatedRouteSnapshot,
state: RouterStateSnapshot
) {
// Force the user to log in if currently unauthenticated.
if (!this.authenticated) {
await this.keycloak.login({
redirectUri: window.location.origin + state.url
});
}
// Get the roles required from the route.
const requiredRoles = route.data['roles'];
// Allow the user to proceed if no additional roles are required to access the route.
if (!Array.isArray(requiredRoles) || requiredRoles.length === 0) {
return true;
}
// Allow the user to proceed if all the required roles are present.
return requiredRoles.every((role) => this.roles.includes(role));
}
}