Change navigation from dashboard and invite to prevent bug

Author: DiegoMzmn

frontend/src/app/dashboard/dashboard.component.html

@@ -43,7 +43,7 @@ <h4 *ngIf="currentVideos.length==0" id="noVideosMessage">This room doesn't have
           <div *ngIf="this.moddedRooms!==undefined && this.moddedRooms.length>0">
             <h3 mat-subheader>MODDED ROOMS</h3>
             <mat-list-item *ngFor="let mod of this.moddedRooms">
-              <a mat-line mat-stroked-button routerLink="{{mod.name}}">
+              <a mat-line mat-stroked-button (click)="goToRoom(mod.name)">
                 {{mod.name}}
               </a>
               <button mat-icon-button (click)="getInviteURL(mod.name,'moderator')">
@@ -64,7 +64,7 @@ <h3 mat-subheader>MODDED ROOMS</h3>
           <div *ngIf="this.presentedRooms!==undefined && this.presentedRooms.length>0">
             <h3 mat-subheader>PRESENTED ROOMS</h3>
             <mat-list-item *ngFor="let pres of this.presentedRooms">
-              <a mat-line mat-stroked-button routerLink="{{pres.name}}">{{pres.name}}</a>
+              <a mat-line mat-stroked-button (click)="goToRoom(pres.name)">{{pres.name}}</a>
               <button mat-icon-button (click)="openVideos(pres.name)" *ngIf="isRecordingEnabled">
                 <mat-icon matTooltip="See recorded videos">video_library</mat-icon>
               </button>
@@ -74,7 +74,7 @@ <h3 mat-subheader>PRESENTED ROOMS</h3>
           <div *ngIf="this.participatedRooms!==undefined && this.participatedRooms.length>0">
             <h3 mat-subheader>PARTICIPATED ROOMS</h3>
             <mat-list-item *ngFor="let part of this.participatedRooms">
-              <a mat-line mat-stroked-button routerLink="{{part.name}}">{{part.name}}</a>
+              <a mat-line mat-stroked-button (click)="goToRoom(part.name)">{{part.name}}</a>
               <button mat-icon-button (click)="openVideos(part.name)" *ngIf="isRecordingEnabled">
                 <mat-icon matTooltip="See recorded videos">video_library</mat-icon>
               </button>

frontend/src/app/dashboard/dashboard.component.ts

@@ -129,4 +129,10 @@ export class DashboardComponent implements OnInit {
     );
     this.newRoom;
   }
+
+  goToRoom(roomName: string) {
+		this.router.navigate(['/', roomName]).then(() => {
+			window.location.reload();
+		});
+	}
 }

frontend/src/app/invite/invite.component.ts

@@ -37,12 +37,12 @@ export class InviteComponent implements OnInit {
       this.loading = true;
       this.userName = this.userSrv.user.name;
       if(this.userSrv.isModOfRoom(this.roomName)) { //Direct access if already a mod
-        this.router.navigate(['/',this.roomName]);
+        this.navigate();
       } else {
         this.roomSrv.enterRoom(this.code).subscribe( //Update user if they are not in the room or mod
           user => {
             this.userSrv.saveUser(user);
-            this.router.navigate(['/', this.roomName]);
+            this.navigate();
           },
           error => {
             this.loading = false;
@@ -63,7 +63,7 @@ export class InviteComponent implements OnInit {
               user => {
                 let auth = window.btoa(this.userName + ':' + this.password);
                 this.userSrv.saveUser(user, auth);
-                this.router.navigate(['/', this.roomName]);
+                this.navigate();
               },
               error => {
                 this.loading = false;
@@ -80,6 +80,12 @@ export class InviteComponent implements OnInit {
     }
   }
 
+  navigate() {
+    this.router.navigate(['/', this.roomName]).then(() => {
+			window.location.reload();
+		});
+  }
+
   checkRoom() {
     this.roomSrv.checkRoom(this.code).subscribe(
       roomName => {