fixed profile link bug

src/app/components/profile/profile.component.html

@@ -6,13 +6,13 @@
             <mat-card class="mat-elevation-z8">
                 <mat-card-header>
                     <div mat-card-avatar class="profile-picture"></div>
-                    <mat-card-title>{{user.username}}</mat-card-title>
-                    <mat-card-subtitle>{{user.handle}}</mat-card-subtitle>
+                    <mat-card-title>{{userProfile.username}}</mat-card-title>
+                    <mat-card-subtitle>{{userProfile.handle}}</mat-card-subtitle>
                     <div class="icon-box">
                         <button mat-icon-button 
                         class="request-button" 
-                        (click)="sendFriendRequest(user)" 
-                        [disabled]="!user.allowedToSendRequest">
+                        (click)="sendFriendRequest(userProfile)" 
+                        [disabled]="!userProfile.allowedToSendRequest">
                             <mat-icon>person_add</mat-icon>
                         </button>
                     </div>
@@ -21,27 +21,27 @@
                     <table id="profile-table">
                         <tr>
                             <div class="mat-header-cell">name: </div>
-                            <td>{{user.username}}</td>
+                            <td>{{userProfile.username}}</td>
                         </tr>
                         <mat-divider></mat-divider>
                         <tr>
                             <div class="mat-header-cell">handle: </div>
-                            <td>{{user.handle}}</td>
+                            <td>{{userProfile.handle}}</td>
                         </tr>
                         <mat-divider></mat-divider>
                         <tr>
                             <div class="mat-header-cell">profileID: </div>
-                            <td>{{user.userID}}</td>
+                            <td>{{userProfile.userID}}</td>
                         </tr>
                         <mat-divider></mat-divider>
                         <tr>
                             <div class="mat-header-cell">points: </div>
-                            <td>{{user.points}}</td>
+                            <td>{{userProfile.points}}</td>
                         </tr>
                         <mat-divider></mat-divider>
                         <tr>
                             <div class="mat-header-cell">level: </div>
-                            <td>{{user.level}}</td>
+                            <td>{{userProfile.level}}</td>
                         </tr>
                         <mat-divider></mat-divider>
                         <tr>

src/app/components/profile/profile.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit, ViewChild} from '@angular/core';
-import {Router} from '@angular/router';
+import {Router, NavigationEnd} from '@angular/router';
 import {Http, URLSearchParams, Headers} from '@angular/http';
 import { User } from 'src/app/models/user';
 import { Actionlist } from 'src/app/models/actionlist';
@@ -20,7 +20,7 @@ export class ProfileComponent implements OnInit {
   actionlist: Actionlist = new Actionlist();
 
   levellist: Levellist = new Levellist();
-  private user: User = new User();
+  userProfile: User = new User();
   self: User;
   id: string;
   rankname: string;
@@ -34,7 +34,17 @@ export class ProfileComponent implements OnInit {
     private router: Router,
     private http: Http,
     private requestService: RequestService,
-    private data: DatasharingService) { }
+    private data: DatasharingService) {
+      router.events.forEach((event) => {
+        // check if the user is on the profile page (of userY) and routes to the page of userY (e.g. his own page)
+        if (event instanceof NavigationEnd) {
+          if (this.id !== this.router.url.substr(this.router.url.lastIndexOf('/') + 1) && this.id) {
+            // reload the user
+            this.ngOnInit();
+          }
+        }
+      });
+  }
 
   @ViewChild(MatSort, {static: true}) sort: MatSort;
   ngOnInit() {
@@ -58,14 +68,15 @@ export class ProfileComponent implements OnInit {
   public updateUserInfo(response: any) {
     if (response.data.getUser != null) {
       this.profileNotFound = false;
-      this.user.loggedIn = true;
-      this.user.userID = response.data.getUser.id;
-      this.user.username = response.data.getUser.name;
-      this.user.handle = response.data.getUser.handle;
-      this.user.points = response.data.getUser.points;
-      this.user.level = response.data.getUser.level;
-      this.rankname = this.levellist.getLevelName(this.user.level);
-      this.user.allowedToSendRequest = this.requestService.isAllowedToSendRequest(response.data.getUser.id, this.self);
+      this.userProfile.loggedIn = true;
+      this.userProfile.userID = response.data.getUser.id;
+      this.userProfile.username = response.data.getUser.name;
+      this.userProfile.handle = response.data.getUser.handle;
+      this.userProfile.points = response.data.getUser.points;
+      this.userProfile.level = response.data.getUser.level;
+      this.rankname = this.levellist.getLevelName(this.userProfile.level);
+      // tslint:disable-next-line:max-line-length
+      this.userProfile.allowedToSendRequest = this.requestService.isAllowedToSendRequest(response.data.getUser.id, this.self);
     } else {
       this.profileNotFound = true;
     }