Index: trip-planner-front/src/app/locations-form/locations-form.component.html
===================================================================
--- trip-planner-front/src/app/locations-form/locations-form.component.html	(revision 6a8023106281cf8cc9e4dc316984fdb52cdcf8e2)
+++ trip-planner-front/src/app/locations-form/locations-form.component.html	(revision 6c1585fa4f148668e18010744f1c91faa3165d6b)
@@ -13,21 +13,4 @@
   <br>
   <br>
-  <!--
-  <mat-form-field class="example-full-width" appearance="fill">
-    <mat-label>Please select a place</mat-label>
-    <input type="text"
-           placeholder="Pick one"
-           aria-label="Place"
-           matInput
-           [formControl]="myControl"
-           [matAutocomplete]="auto">
-    <mat-autocomplete autoActiveFirstOption  #auto="matAutocomplete">
-      <mat-option *ngFor="let option of filteredOptions | async" [value]="option.name">
-        {{option.name}}
-      </mat-option>
-    </mat-autocomplete>
-  </mat-form-field>
-  -->
-
 
   <div *ngIf="cityOption">
@@ -40,5 +23,4 @@
     </mat-form-field>
   </div>
-
 
   <div *ngIf="regionOption">
Index: trip-planner-front/src/app/locations-form/locations-form.component.ts
===================================================================
--- trip-planner-front/src/app/locations-form/locations-form.component.ts	(revision 6a8023106281cf8cc9e4dc316984fdb52cdcf8e2)
+++ trip-planner-front/src/app/locations-form/locations-form.component.ts	(revision 6c1585fa4f148668e18010744f1c91faa3165d6b)
@@ -16,4 +16,5 @@
 import { Region } from '../_models/region';
 import { RegionService } from '../_services/region.service';
+import { Router } from '@angular/router';
 
 @Component({
@@ -47,5 +48,5 @@
   constructor(private cityService : CityService, private regionService: RegionService,
               private companionService : CompanionService, private categoryService : CategoryService,
-              private locationService: LocationService){
+              private locationService: LocationService, private router : Router){
     this.filteredOptions = new Observable<City[]>();
     this.cities = [];
@@ -99,55 +100,59 @@
   
   filter(val: string): Observable<City[]> {
-  // call the service which makes the http-request
+    // call the service which makes the http-request
     return this.cityService.getAllCities()
-    .pipe(
-    map(response => response.filter(option => { 
-      return option.name.toLowerCase().indexOf(val.toLowerCase()) === 0
-    }))
-  )
-  
- }  
+      .pipe(
+        map(response => response.filter(option => {
+          return option.name.toLowerCase().indexOf(val.toLowerCase()) === 0
+        }))
+      )
+
+  }
 
  toggleSelection(chip: MatChip, category: Category){
   chip.toggleSelected();
   
-  if(this.chipsSeletion.length > 0){
-    if(this.chipsSeletion.indexOf(category.id) <= -1){
-      this.chipsSeletion.push(category.id);
-    }else{
-      const index = this.chipsSeletion.indexOf(category.id);
-      this.chipsSeletion.splice(index, 1);
-    }
-  }else{
-    this.chipsSeletion.push(category.id);
-  }
-  console.log(this.chipsSeletion);
+   if (this.chipsSeletion.length > 0) {
+     if (this.chipsSeletion.indexOf(category.id) <= -1) {
+       this.chipsSeletion.push(category.id);
+     } else {
+       const index = this.chipsSeletion.indexOf(category.id);
+       this.chipsSeletion.splice(index, 1);
+     }
+   } else {
+     this.chipsSeletion.push(category.id);
+   }
+   console.log(this.chipsSeletion);
  }
 
 
- createMyPlanner(){
-   this.categoryIds = this.chipsSeletion.join(',');
-   console.log(this.categoryIds);
-   
-   if(this.cityOption){
-    this.locationService.getLocationsFromCity(this.cityId, this.companionId, this.lengthOfStay, this.categoryIds).subscribe(
-      result => {
-        console.log(result);
-      }
-    );
-   }else if(this.regionOption){
- 
-    this.locationService.getLocationsFromRegion(this.regionId, this.companionId, this.lengthOfStay, this.categoryIds).subscribe(
-      result => {
-        console.log(result);
-      }
-    );
-   }
- }
- 
- chooseCityOption(){
-   this.cityOption = true;
-   this.regionOption = false;
- }
+  createMyPlanner() {
+    this.categoryIds = this.chipsSeletion.join(',');
+    console.log(this.categoryIds);
+
+    if (this.cityOption) {
+      this.locationService.getLocationsFromCity(this.cityId, this.companionId, this.lengthOfStay, this.categoryIds).subscribe(
+        result => {
+          console.log(result);
+          this.router.navigate(['locations']);
+        }
+      );
+    } else if (this.regionOption) {
+      this.locationService.getLocationsFromRegion(this.regionId, this.companionId, this.lengthOfStay, this.categoryIds).subscribe(
+        result => {
+          console.log(result);
+          this.router.navigate(['locations']);
+        }
+      );
+    }
+
+
+
+  }
+
+  chooseCityOption() {
+    this.cityOption = true;
+    this.regionOption = false;
+  }
   chooseRegionOption() {
     this.regionOption = true;
@@ -155,8 +160,8 @@
   }
 
-  constraintMaxNumberDays(){
-     if(this.value > this.max){
-       this.value = this.max;
-     }
+  constraintMaxNumberDays() {
+    if (this.value > this.max) {
+      this.value = this.max;
+    }
   }
 
