[ceaed42] | 1 | import { Route } from '@angular/compiler/src/core';
|
---|
| 2 | import { Component, Input, OnInit, Output } from '@angular/core';
|
---|
| 3 | import { FormBuilder, FormGroup, Validators } from '@angular/forms';
|
---|
| 4 | import { MatDialog } from '@angular/material/dialog';
|
---|
| 5 | import { ActivatedRoute, Router } from '@angular/router';
|
---|
| 6 | import { Location } from '../_models/location';
|
---|
| 7 | import { LocationService } from '../_services/location.service';
|
---|
| 8 | import { AddLocationToPlannerPanelComponent } from './add-location-to-planner-panel/add-location-to-planner-panel.component';
|
---|
[6a3a178] | 9 |
|
---|
| 10 | @Component({
|
---|
| 11 | selector: 'app-location',
|
---|
| 12 | templateUrl: './location.component.html',
|
---|
| 13 | styleUrls: ['./location.component.css']
|
---|
| 14 | })
|
---|
| 15 | export class LocationComponent implements OnInit {
|
---|
| 16 |
|
---|
[ceaed42] | 17 | form: FormGroup;
|
---|
| 18 | categoryIds: string;
|
---|
| 19 | cityId: number;
|
---|
| 20 | companionId: number;
|
---|
| 21 | lengthOfStay: number;
|
---|
| 22 | listLocations: any[];
|
---|
| 23 | cityOption: boolean = false;
|
---|
| 24 | regionOption: boolean = false;
|
---|
| 25 | regionId: number;
|
---|
| 26 |
|
---|
| 27 | constructor(private fb: FormBuilder, private route: ActivatedRoute, private locationService: LocationService,
|
---|
| 28 | private router: Router, private dialog: MatDialog) {
|
---|
| 29 | this.form = fb.group({
|
---|
| 30 | title: fb.control('initial value', Validators.required)
|
---|
| 31 | });
|
---|
| 32 | this.cityId = 1;
|
---|
| 33 | this.companionId = 1;
|
---|
| 34 | this.lengthOfStay = 1;
|
---|
| 35 | this.categoryIds = '';
|
---|
| 36 | this.listLocations = [];
|
---|
| 37 | this.regionId = 1;
|
---|
| 38 | }
|
---|
| 39 |
|
---|
[6a3a178] | 40 | ngOnInit(): void {
|
---|
[ceaed42] | 41 |
|
---|
| 42 | this.route.queryParams
|
---|
| 43 | .subscribe(params => {
|
---|
| 44 | console.log(params);
|
---|
| 45 | this.cityId = params.cityId;
|
---|
| 46 | this.regionId = params.regionId;
|
---|
| 47 | this.companionId = params.companionId;
|
---|
| 48 | this.lengthOfStay = params.lengthOfStay;
|
---|
| 49 | this.categoryIds = params.categoryIds;
|
---|
| 50 | }
|
---|
| 51 | );
|
---|
| 52 |
|
---|
| 53 | if (this.route.snapshot.queryParams['cityId']) {
|
---|
| 54 | this.locationService.getLocationsFromCity(this.cityId, this.companionId, this.lengthOfStay, this.categoryIds).subscribe(
|
---|
| 55 | result => {
|
---|
| 56 | console.log(result);
|
---|
| 57 | this.listLocations = result;
|
---|
| 58 | }
|
---|
| 59 | );
|
---|
| 60 | } else
|
---|
| 61 | if (this.route.snapshot.queryParams['regionId']) {
|
---|
| 62 | console.log("I am in region console");
|
---|
| 63 | this.locationService.getLocationsFromRegion(this.regionId, this.companionId, this.lengthOfStay, this.categoryIds).subscribe(
|
---|
| 64 | result => {
|
---|
| 65 | console.log(result);
|
---|
| 66 | this.listLocations = result;
|
---|
| 67 | }
|
---|
| 68 | );
|
---|
| 69 | }
|
---|
| 70 |
|
---|
| 71 | }
|
---|
| 72 |
|
---|
| 73 | openDialogSave(locationId: number){
|
---|
| 74 | console.log(locationId);
|
---|
| 75 | const dialogRef = this.dialog.open(AddLocationToPlannerPanelComponent, {
|
---|
| 76 | width: '250px',
|
---|
| 77 | data: {}
|
---|
| 78 | });
|
---|
| 79 | this.router.navigate(['locations'], {queryParams: {locationId: locationId}});
|
---|
[6a3a178] | 80 | }
|
---|
[ceaed42] | 81 |
|
---|
[6a3a178] | 82 | }
|
---|