Fixed hotel routes

Author: moseeeu

src/app/hotel-view-card/hotel-view-card.component.html

@@ -14,7 +14,7 @@
   </div>
   <div class="card-content">
     <div class="card-header">
-      <span class="card-title" routerLink="/login">{{ title }}</span>
+      <span class="card-title" (click)="redirectToHotelPage()">{{ title }}</span>
       <span class="card-location">{{ location }}</span>
     </div>
     <div class="card-footer">

src/app/hotel-view-card/hotel-view-card.component.ts

@@ -3,6 +3,7 @@ import {HttpClient, HttpHeaders} from '@angular/common/http';
 import {HotelsService} from '../hotels.service';
 import {ApiUrls} from '../api-urls';
 import {TokenService} from '../token.service';
+import {Router} from '@angular/router';
 
 @Component({
   selector: 'app-hotel-view-card',
@@ -25,6 +26,7 @@ export class HotelViewCardComponent implements OnInit {
 
   constructor(
     private hotelsService: HotelsService,
+    private router: Router,
   ) {}
 
   ngOnInit() {
@@ -50,4 +52,8 @@ export class HotelViewCardComponent implements OnInit {
       this.hotelsService.removeFromFavourites(+this.hotelId);
     }
   }
+  redirectToHotelPage() {
+    this.router.navigate(['/hotel', this.hotelId]);
+  }
+
 }

src/app/my-bookings-page/my-bookings-page.component.html

@@ -65,7 +65,7 @@
             </div>
             <div class="hotel-price-container">
               <span *ngIf="booking.payment != null" id="new-price">USD {{booking.payment.amount}}</span>
-              <input class="view-button" type="button" value="View" (click)="redirectToHotelPage(hotel.id)"/>
+              <input class="view-button" type="button" value="View" (click)="redirectToHotelPage()"/>
               <input class="cancel-button" type="button" value="Cancel" (click)="deleteBooking(booking)"/>
             </div>
           </div>

src/app/my-bookings-page/my-bookings-page.component.ts

@@ -16,6 +16,7 @@ import {ApiUrls} from '../api-urls';
 })
 export class MyBookingsPageComponent {
   hotelsList: any = null;
+  hotelRouteId: any;
   hotel = {
     id: 1,
     mainImageUrl: "https://orbistayblob.blob.core.windows.net/hotels/cozy-ny-hotel-main.svg",
@@ -90,6 +91,7 @@ export class MyBookingsPageComponent {
             this.hotelService.getHotelById(booking.hotelId).subscribe(
               (hotel) => {
                 this.hotelsList[index].hotel = hotel;
+                this.hotelRouteId = hotel.id;
                 this.hotelsList[index].hotelGrade = this.getHotelGrade(hotel.avgRate);
               },
               (error) => {
@@ -161,7 +163,7 @@ export class MyBookingsPageComponent {
     return '';
   }
 
-  redirectToHotelPage(hotelId: number) {
-    this.router.navigate(['/hotel', hotelId]);
+  redirectToHotelPage() {
+    this.router.navigate(['/hotel', this.hotelRouteId]);
   }
 }