Index: trip-planner-front/src/app/location/add-location-to-planner-panel/add-location-to-planner-panel.component.html
===================================================================
--- trip-planner-front/src/app/location/add-location-to-planner-panel/add-location-to-planner-panel.component.html	(revision ceaed429447854991cde276cd74df8d5dc9a2009)
+++ trip-planner-front/src/app/location/add-location-to-planner-panel/add-location-to-planner-panel.component.html	(revision 59329aad30ff25ec5095bb7ffb78ddb59b7dc111)
@@ -13,3 +13,3 @@
   </form>
   
-  <button mat-button (click)="onCancelClick()">Cancel</button>
+  <button type="button"  mat-button (click)="onCancelClick()">Cancel</button>
Index: trip-planner-front/src/app/location/add-location-to-planner-panel/add-location-to-planner-panel.component.ts
===================================================================
--- trip-planner-front/src/app/location/add-location-to-planner-panel/add-location-to-planner-panel.component.ts	(revision ceaed429447854991cde276cd74df8d5dc9a2009)
+++ trip-planner-front/src/app/location/add-location-to-planner-panel/add-location-to-planner-panel.component.ts	(revision 59329aad30ff25ec5095bb7ffb78ddb59b7dc111)
@@ -1,4 +1,3 @@
 import { Component, OnInit } from '@angular/core';
-import { NgForm } from '@angular/forms';
 import { MatDialogRef } from '@angular/material/dialog';
 import { ActivatedRoute } from '@angular/router';
@@ -21,4 +20,6 @@
   locationId: number;
   plannerLocationDto: PlannerLocationDto;
+  locationsInPlanner: Location[];
+
 
   constructor(private dialogRef: MatDialogRef<AddLocationToPlannerPanelComponent>, private plannerService: PlannerService,
@@ -29,4 +30,5 @@
     this.locationId = 1;
     this.plannerLocationDto = new PlannerLocationDto();
+    this.locationsInPlanner = [];
   }
 
@@ -56,4 +58,5 @@
     this.plannerLocationDto.locationId = this.locationId;
     this.plannerLocationDto.plannerId = plannerId;
+    /*
     this.locationService.postLocationToPlanner(this.plannerLocationDto).subscribe(
       data => {
@@ -61,5 +64,8 @@
       }
     );
-  }
+    */
+
+   // window.location.reload();
+    }
 
 }
Index: trip-planner-front/src/app/location/location-details/location-details.component.html
===================================================================
--- trip-planner-front/src/app/location/location-details/location-details.component.html	(revision 59329aad30ff25ec5095bb7ffb78ddb59b7dc111)
+++ trip-planner-front/src/app/location/location-details/location-details.component.html	(revision 59329aad30ff25ec5095bb7ffb78ddb59b7dc111)
@@ -0,0 +1,20 @@
+<p>Details for the location</p>
+<p>{{locationDetails.name}}</p>
+<p>{{locationDetails.description}}</p>
+
+
+<div class="content-section implementation">
+    <div class="card">
+        <h5>More photos</h5>
+        <p-galleria [value]="images" [responsiveOptions]="responsiveOptions" [containerStyle]="{'max-width': '640px'}" [numVisible]="5"
+            [circular]="true" [showItemNavigators]="true">
+            <ng-template pTemplate="item" let-image>
+                <img src="data:image/png;base64,{{image.content}}" style="width: 100%; height: 350px; display: block;" />
+            </ng-template>
+            <ng-template pTemplate="thumbnail" let-image>
+                <div class="p-grid p-nogutter p-justify-center">
+                    <img src="data:image/png;base64,{{image.content}}" style="width: 50px; height:50px; display: block;" />
+                </div>
+            </ng-template>
+        </p-galleria>
+    </div>
Index: trip-planner-front/src/app/location/location-details/location-details.component.ts
===================================================================
--- trip-planner-front/src/app/location/location-details/location-details.component.ts	(revision 59329aad30ff25ec5095bb7ffb78ddb59b7dc111)
+++ trip-planner-front/src/app/location/location-details/location-details.component.ts	(revision 59329aad30ff25ec5095bb7ffb78ddb59b7dc111)
@@ -0,0 +1,63 @@
+import { Component, OnInit , ViewEncapsulation} from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { Images } from 'src/app/_models/images';
+import { Location } from 'src/app/_models/location';
+import { ImagesService } from 'src/app/_services/images.service';
+import { LocationService } from 'src/app/_services/location.service';
+
+@Component({
+  selector: 'app-location-details',
+  templateUrl: './location-details.component.html',
+  styleUrls: ['./location-details.component.css']
+})
+export class LocationDetailsComponent implements OnInit {
+
+  locationId: number;
+  locationDetails: Location;
+  images: Images[];
+  responsiveOptions;
+
+  constructor(private route: ActivatedRoute, private router: Router, private locationService : LocationService,
+              private imagesService : ImagesService) {
+    this.locationId = 1;
+    this.locationDetails = new Location();
+    this.images = [];
+
+    this.responsiveOptions = [
+      {
+        breakpoint: '1024px',
+        numVisible: 5
+    },
+    {
+        breakpoint: '768px',
+        numVisible: 3
+    },
+    {
+        breakpoint: '560px',
+        numVisible: 1
+    }
+  ];
+   }
+
+
+  ngOnInit(): void {
+    this.route.queryParams
+    .subscribe(params => {     
+      this.locationId = params.id; 
+    });
+
+    this.locationService.getLocation(this.locationId).subscribe(
+      data => {
+          this.locationDetails = data;
+      }
+    );
+    
+    this.imagesService.getAllImagesForLocation(this.locationId).subscribe(
+      image => {
+         this.images = image;
+      }
+   );
+  }
+
+  
+}
Index: trip-planner-front/src/app/location/location.component.html
===================================================================
--- trip-planner-front/src/app/location/location.component.html	(revision ceaed429447854991cde276cd74df8d5dc9a2009)
+++ trip-planner-front/src/app/location/location.component.html	(revision 59329aad30ff25ec5095bb7ffb78ddb59b7dc111)
@@ -18,5 +18,5 @@
       <td>{{location.name}}</td>
       <td><button mat-raised-button color="primary" (click)="openDialogSave(location.id)">Add to my planner</button></td>
-      <td><button mat-raised-button color="primary">See details</button></td>
+      <td><button mat-raised-button color="primary" (click)="onClickSeeDetails(location.id)">See details</button></td>
     </tr>  
   </tbody>
Index: trip-planner-front/src/app/location/location.component.ts
===================================================================
--- trip-planner-front/src/app/location/location.component.ts	(revision ceaed429447854991cde276cd74df8d5dc9a2009)
+++ trip-planner-front/src/app/location/location.component.ts	(revision 59329aad30ff25ec5095bb7ffb78ddb59b7dc111)
@@ -1,8 +1,6 @@
-import { Route } from '@angular/compiler/src/core';
 import { Component, Input, OnInit, Output } from '@angular/core';
 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
 import { MatDialog } from '@angular/material/dialog';
 import { ActivatedRoute, Router } from '@angular/router';
-import { Location } from '../_models/location';
 import { LocationService } from '../_services/location.service';
 import { AddLocationToPlannerPanelComponent } from './add-location-to-planner-panel/add-location-to-planner-panel.component';
@@ -24,4 +22,5 @@
   regionOption: boolean = false;
   regionId: number;
+  locationId: number;
 
   constructor(private fb: FormBuilder, private route: ActivatedRoute, private locationService: LocationService,
@@ -36,4 +35,5 @@
     this.listLocations = [];
     this.regionId = 1;
+    this.locationId = 1;
   }
 
@@ -71,12 +71,16 @@
   }
 
-  openDialogSave(locationId: number){
-    console.log(locationId);
+  openDialogSave(locationId){
+   // console.log(locationId);
       const dialogRef = this.dialog.open(AddLocationToPlannerPanelComponent, {
         width: '250px',
         data: {}
       });
-      this.router.navigate(['locations'], {queryParams: {locationId: locationId}});
+      this.router.navigate(['locations'], {queryParams: {regionId: this.regionId, companionId: this.companionId, lengthOfStay: this.lengthOfStay, categoryIds: this.categoryIds, locationId: locationId}});
+      
   }
 
+  onClickSeeDetails(id: number){
+    this.router.navigate(['location'], {queryParams: {id: id}});
+  }
 }
