31.10. User Resolver - get user by id (#31)

support-portal-frontend/src/app/component/management/users/user-resolver.service.ts

@@ -0,0 +1,19 @@
+import {Injectable} from '@angular/core';
+import {ActivatedRouteSnapshot, Resolve, RouterStateSnapshot} from "@angular/router";
+import {User} from "../../../model/user";
+import {Observable} from "rxjs";
+import {UserService} from "../../../service/user.service";
+
+@Injectable({
+  providedIn: 'root'
+})
+export class UserResolver implements Resolve<User> {
+
+  constructor(private userService: UserService) {
+  }
+
+  resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<User> | Promise<User> | User {
+    const id = route.params['id'];
+    return this.userService.findUserById(id);
+  }
+}

support-portal-frontend/src/app/component/management/users/user-view/user-view.component.ts

@@ -18,7 +18,7 @@ export class UserViewComponent implements OnInit {
   }
 
   ngOnInit(): void {
-    this.user = this.userService.getSelectedUser();
+    this.route.data.subscribe((data) => this.user = data['user']);
     setTimeout(() => this.clickButton('openUserInfo'), 100);
   }