Fix app-routing

src/app/app-routing.module.ts

@@ -44,7 +44,7 @@ const routes: Routes = [
     canActivate: [AuthenticationGuard],
     data: { roles: [UserRole.CREATOR] }
   },
-  { path: 'room/:roomId/create-comment',
+  { path: 'participant/room/:roomId/create-comment',
     component: CreateCommentComponent,
     canActivate: [AuthenticationGuard],
     data: { roles: [UserRole.PARTICIPANT] }

src/app/create-comment/create-comment.component.ts

@@ -46,7 +46,7 @@ export class CreateCommentComponent implements OnInit {
       body: body,
       creationTimestamp: new Date(Date.now())
     } as Comment).subscribe(room => {
-      this.router.navigate([`room/${this.room.id}`]);
+      this.router.navigate([`/participant/room/${this.room.id}`]);
       this.notification.show(`Comment '${subject}' successfully created.`);
     });
   }

src/app/participant-room/participant-room.component.html

@@ -14,10 +14,10 @@
       </mat-card-content>
       <mat-divider></mat-divider>
       <mat-card-actions>
-        <button mat-icon-button color="primary" matTooltip="Ask something" routerLink="room/{{room.id}}/create-comment">
+        <button mat-icon-button color="primary" matTooltip="Ask something">
           <mat-icon>question_answer</mat-icon>
         </button>
-        <button mat-icon-button color="primary" matTooltip="Give feedback">
+        <button mat-icon-button color="primary" matTooltip="Give feedback" routerLink="/participant/room/{{roomId}}/create-comment">
           <mat-icon>feedback</mat-icon>
         </button>
         <button mat-button color="primary" matTooltip="Join question round">

src/app/room-list/room-list.component.html

@@ -12,7 +12,7 @@
       {{ room.description }}
     </p>
     <mat-action-row>
-      <button mat-button routerLink="room/{{ room.id }}">Join room</button>
+      <button mat-button routerLink="/{{ role }}/room/{{ room.id }}">Join room</button>
     </mat-action-row>
   </mat-expansion-panel>
 </mat-accordion>

src/app/room-list/room-list.component.ts

 import { Component, OnInit } from '@angular/core';
 import { Room } from '../room';
 import { RoomService } from '../room.service';
+import { AuthenticationService} from '../authentication.service';
+import {UserRole} from '../user-roles.enum';
 
 @Component({
   selector: 'app-room-list',
@@ -10,12 +12,23 @@ import { RoomService } from '../room.service';
 export class RoomListComponent implements OnInit {
   rooms: Room[];
   closedRooms: Room[];
+  role: string;
 
-  constructor(protected roomService: RoomService) {
-  }
+  constructor(
+    private roomService: RoomService,
+    protected authenticationService: AuthenticationService) {}
 
   ngOnInit() {
     this.getRooms();
+    this.getPath();
+  }
+
+  getPath() {
+    if (this.authenticationService.getRole() == UserRole.CREATOR) {
+      this.role = 'creator';
+    } else {
+      this.role = 'participant';
+    }
   }
 
   getRooms(): void {