| 1 | {"ast":null,"code":"import { FormControl } from '@angular/forms';\nimport { Observable } from 'rxjs';\nimport { map, startWith } from 'rxjs/operators';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"../_services/city.service\";\nimport * as i2 from \"../_services/location.service\";\nimport * as i3 from \"../_services/region.service\";\nimport * as i4 from \"primeng/autocomplete\";\nimport * as i5 from \"@angular/forms\";\nimport * as i6 from \"@angular/material/form-field\";\nimport * as i7 from \"@angular/common\";\nimport * as i8 from \"@angular/material/autocomplete\";\nimport * as i9 from \"@angular/material/core\";\nimport * as i10 from \"primeng/button\";\nimport * as i11 from \"@angular/material/input\";\n\nfunction ExploreComponent_input_19_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelement(0, \"input\", 14);\n }\n\n if (rf & 2) {\n const ctx_r0 = i0.ɵɵnextContext();\n\n const _r1 = i0.ɵɵreference(22);\n\n i0.ɵɵproperty(\"formControl\", ctx_r0.myControl)(\"matAutocomplete\", _r1);\n }\n}\n\nexport class ExploreComponent {\n constructor(cityService, locationService, regionService) {\n this.cityService = cityService;\n this.locationService = locationService;\n this.regionService = regionService;\n this.loading = [false, false, false, false];\n this.regions = [];\n this.filteredOptions = new Observable();\n this.myControl = new FormControl();\n this.cityName = '';\n this.cities = [];\n this.filteredCountries = [];\n this.text = '';\n }\n\n ngOnInit() {\n this.cityService.getAllCities().subscribe(cities => {\n this.cities = cities;\n });\n this.regionService.getAllRegions().subscribe(regions => {\n this.regions = regions;\n });\n this.filteredOptions = this.myControl.valueChanges.pipe(startWith(''), map(value => typeof value === 'string' ? value : value.name), map(name => name ? this._filter(name) : this.cities.slice()));\n }\n\n displayFn(city) {\n return city && city.name ? city.name : '';\n }\n\n _filter(name) {\n const filterValue = name.toLowerCase();\n return this.cities.filter(option => option.name.toLowerCase().includes(filterValue));\n }\n\n search(event) {\n let filtered = [];\n let query = event.query;\n\n for (let i = 0; i < this.cities.length; i++) {\n let city = this.cities[i];\n\n if (city.name.toLowerCase().indexOf(query.toLowerCase()) == 0) {\n filtered.push(city);\n }\n }\n\n for (let i = 0; i < this.regions.length; i++) {\n let region = this.regions[i];\n\n if (region.name.toLowerCase().indexOf(query.toLowerCase()) == 0) {\n filtered.push(region);\n }\n }\n\n this.filteredCountries = filtered;\n }\n\n load(index) {\n this.loading[index] = true;\n setTimeout(() => this.loading[index] = false, 1000);\n console.log(this.cityName);\n }\n\n}\n\nExploreComponent.ɵfac = function ExploreComponent_Factory(t) {\n return new (t || ExploreComponent)(i0.ɵɵdirectiveInject(i1.CityService), i0.ɵɵdirectiveInject(i2.LocationService), i0.ɵɵdirectiveInject(i3.RegionService));\n};\n\nExploreComponent.ɵcmp = /*@__PURE__*/i0.ɵɵdefineComponent({\n type: ExploreComponent,\n selectors: [[\"app-explore\"]],\n decls: 26,\n vars: 9,\n consts: [[\"href\", \"https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css\", \"rel\", \"stylesheet\", \"integrity\", \"sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x\", \"crossorigin\", \"anonymous\"], [\"lang\", \"en\"], [\"charset\", \"utf-8\"], [1, \"navbar\", \"navbar-expand-sm\"], [1, \"navbar-brand\"], [1, \"navbar-nav\", \"ml-auto\"], [1, \"nav-item\"], [\"field\", \"name\", 3, \"ngModel\", \"suggestions\", \"minLength\", \"ngModelChange\", \"completeMethod\"], [1, \"example-form\"], [\"appearance\", \"fill\", 1, \"example-full-width\"], [\"type\", \"text\", \"matInput\", \"\", 3, \"formControl\", \"matAutocomplete\", 4, \"ngFor\", \"ngForOf\"], [3, \"displayWith\"], [\"auto\", \"matAutocomplete\"], [\"label\", \"Search\", \"icon\", \"pi pi-search\", \"id\", \"button\", 3, \"loading\", \"click\"], [\"type\", \"text\", \"matInput\", \"\", 3, \"formControl\", \"matAutocomplete\"]],\n template: function ExploreComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelement(0, \"link\", 0);\n i0.ɵɵelementStart(1, \"html\", 1);\n i0.ɵɵelementStart(2, \"head\");\n i0.ɵɵelement(3, \"meta\", 2);\n i0.ɵɵelementStart(4, \"title\");\n i0.ɵɵtext(5, \"Explore\");\n i0.ɵɵelementEnd();\n i0.ɵɵelementEnd();\n i0.ɵɵelementStart(6, \"body\");\n i0.ɵɵelementStart(7, \"header\");\n i0.ɵɵelementStart(8, \"nav\", 3);\n i0.ɵɵelementStart(9, \"strong\", 4);\n i0.ɵɵtext(10, \"Trivia Trip\");\n i0.ɵɵelementEnd();\n i0.ɵɵelementStart(11, \"ul\", 5);\n i0.ɵɵelementStart(12, \"li\", 6);\n i0.ɵɵelementStart(13, \"p-autoComplete\", 7);\n i0.ɵɵlistener(\"ngModelChange\", function ExploreComponent_Template_p_autoComplete_ngModelChange_13_listener($event) {\n return ctx.text = $event;\n })(\"completeMethod\", function ExploreComponent_Template_p_autoComplete_completeMethod_13_listener($event) {\n return ctx.search($event);\n });\n i0.ɵɵelementEnd();\n i0.ɵɵelementEnd();\n i0.ɵɵelement(14, \"li\", 6);\n i0.ɵɵelementEnd();\n i0.ɵɵelementEnd();\n i0.ɵɵelementEnd();\n i0.ɵɵelementStart(15, \"form\", 8);\n i0.ɵɵelementStart(16, \"mat-form-field\", 9);\n i0.ɵɵelementStart(17, \"mat-label\");\n i0.ɵɵtext(18, \"Assignee\");\n i0.ɵɵelementEnd();\n i0.ɵɵtemplate(19, ExploreComponent_input_19_Template, 1, 2, \"input\", 10);\n i0.ɵɵpipe(20, \"async\");\n i0.ɵɵelementStart(21, \"mat-autocomplete\", 11, 12);\n i0.ɵɵelementStart(23, \"mat-option\");\n i0.ɵɵtext(24);\n i0.ɵɵelementEnd();\n i0.ɵɵelementEnd();\n i0.ɵɵelementEnd();\n i0.ɵɵelementStart(25, \"p-button\", 13);\n i0.ɵɵlistener(\"click\", function ExploreComponent_Template_p_button_click_25_listener() {\n return ctx.load(0);\n });\n i0.ɵɵelementEnd();\n i0.ɵɵelementEnd();\n i0.ɵɵelementEnd();\n i0.ɵɵelementEnd();\n }\n\n if (rf & 2) {\n i0.ɵɵadvance(13);\n i0.ɵɵproperty(\"ngModel\", ctx.text)(\"suggestions\", ctx.filteredCountries)(\"minLength\", 1);\n i0.ɵɵadvance(6);\n i0.ɵɵproperty(\"ngForOf\", i0.ɵɵpipeBind1(20, 7, ctx.filteredOptions));\n i0.ɵɵadvance(2);\n i0.ɵɵproperty(\"displayWith\", ctx.displayFn);\n i0.ɵɵadvance(3);\n i0.ɵɵtextInterpolate1(\" \", ctx.option.name, \" \");\n i0.ɵɵadvance(1);\n i0.ɵɵproperty(\"loading\", ctx.loading[0]);\n }\n },\n directives: [i4.AutoComplete, i5.NgControlStatus, i5.NgModel, i5.ɵNgNoValidate, i5.NgControlStatusGroup, i5.NgForm, i6.MatFormField, i6.MatLabel, i7.NgForOf, i8.MatAutocomplete, i9.MatOption, i10.Button, i11.MatInput, i5.DefaultValueAccessor, i8.MatAutocompleteTrigger, i5.FormControlDirective],\n pipes: [i7.AsyncPipe],\n styles: [\"#button[_ngcontent-%COMP%]{\\r\\n margin-left: 20px;\\r\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImV4cGxvcmUuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJLGlCQUFpQjtBQUNyQiIsImZpbGUiOiJleHBsb3JlLmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIjYnV0dG9ue1xyXG4gICAgbWFyZ2luLWxlZnQ6IDIwcHg7XHJcbn0iXX0= */\"]\n});","map":{"version":3,"sources":["C:/Users/DELL/Desktop/bachelor-thesis/trip-planner-front/src/app/explore/explore.component.ts"],"names":["FormControl","Observable","map","startWith","i0","i1","i2","i3","i4","i5","i6","i7","i8","i9","i10","i11","ExploreComponent_input_19_Template","rf","ctx","ɵɵelement","ctx_r0","ɵɵnextContext","_r1","ɵɵreference","ɵɵproperty","myControl","ExploreComponent","constructor","cityService","locationService","regionService","loading","regions","filteredOptions","cityName","cities","filteredCountries","text","ngOnInit","getAllCities","subscribe","getAllRegions","valueChanges","pipe","value","name","_filter","slice","displayFn","city","filterValue","toLowerCase","filter","option","includes","search","event","filtered","query","i","length","indexOf","push","region","load","index","setTimeout","console","log","ɵfac","ExploreComponent_Factory","t","ɵɵdirectiveInject","CityService","LocationService","RegionService","ɵcmp","ɵɵdefineComponent","type","selectors","decls","vars","consts","template","ExploreComponent_Template","ɵɵelementStart","ɵɵtext","ɵɵelementEnd","ɵɵlistener","ExploreComponent_Template_p_autoComplete_ngModelChange_13_listener","$event","ExploreComponent_Template_p_autoComplete_completeMethod_13_listener","ɵɵtemplate","ɵɵpipe","ExploreComponent_Template_p_button_click_25_listener","ɵɵadvance","ɵɵpipeBind1","ɵɵtextInterpolate1","directives","AutoComplete","NgControlStatus","NgModel","ɵNgNoValidate","NgControlStatusGroup","NgForm","MatFormField","MatLabel","NgForOf","MatAutocomplete","MatOption","Button","MatInput","DefaultValueAccessor","MatAutocompleteTrigger","FormControlDirective","pipes","AsyncPipe","styles"],"mappings":"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","sourcesContent":["import { FormControl } from '@angular/forms';\r\nimport { Observable } from 'rxjs';\r\nimport { map, startWith } from 'rxjs/operators';\r\nimport * as i0 from \"@angular/core\";\r\nimport * as i1 from \"../_services/city.service\";\r\nimport * as i2 from \"../_services/location.service\";\r\nimport * as i3 from \"../_services/region.service\";\r\nimport * as i4 from \"primeng/autocomplete\";\r\nimport * as i5 from \"@angular/forms\";\r\nimport * as i6 from \"@angular/material/form-field\";\r\nimport * as i7 from \"@angular/common\";\r\nimport * as i8 from \"@angular/material/autocomplete\";\r\nimport * as i9 from \"@angular/material/core\";\r\nimport * as i10 from \"primeng/button\";\r\nimport * as i11 from \"@angular/material/input\";\r\nfunction ExploreComponent_input_19_Template(rf, ctx) { if (rf & 1) {\r\n i0.ɵɵelement(0, \"input\", 14);\r\n} if (rf & 2) {\r\n const ctx_r0 = i0.ɵɵnextContext();\r\n const _r1 = i0.ɵɵreference(22);\r\n i0.ɵɵproperty(\"formControl\", ctx_r0.myControl)(\"matAutocomplete\", _r1);\r\n} }\r\nexport class ExploreComponent {\r\n constructor(cityService, locationService, regionService) {\r\n this.cityService = cityService;\r\n this.locationService = locationService;\r\n this.regionService = regionService;\r\n this.loading = [false, false, false, false];\r\n this.regions = [];\r\n this.filteredOptions = new Observable();\r\n this.myControl = new FormControl();\r\n this.cityName = '';\r\n this.cities = [];\r\n this.filteredCountries = [];\r\n this.text = '';\r\n }\r\n ngOnInit() {\r\n this.cityService.getAllCities().subscribe(cities => {\r\n this.cities = cities;\r\n });\r\n this.regionService.getAllRegions().subscribe(regions => {\r\n this.regions = regions;\r\n });\r\n this.filteredOptions = this.myControl.valueChanges.pipe(startWith(''), map(value => (typeof value === 'string' ? value : value.name)), map(name => (name ? this._filter(name) : this.cities.slice())));\r\n }\r\n displayFn(city) {\r\n return city && city.name ? city.name : '';\r\n }\r\n _filter(name) {\r\n const filterValue = name.toLowerCase();\r\n return this.cities.filter(option => option.name.toLowerCase().includes(filterValue));\r\n }\r\n search(event) {\r\n let filtered = [];\r\n let query = event.query;\r\n for (let i = 0; i < this.cities.length; i++) {\r\n let city = this.cities[i];\r\n if (city.name.toLowerCase().indexOf(query.toLowerCase()) == 0) {\r\n filtered.push(city);\r\n }\r\n }\r\n for (let i = 0; i < this.regions.length; i++) {\r\n let region = this.regions[i];\r\n if (region.name.toLowerCase().indexOf(query.toLowerCase()) == 0) {\r\n filtered.push(region);\r\n }\r\n }\r\n this.filteredCountries = filtered;\r\n }\r\n load(index) {\r\n this.loading[index] = true;\r\n setTimeout(() => this.loading[index] = false, 1000);\r\n console.log(this.cityName);\r\n }\r\n}\r\nExploreComponent.ɵfac = function ExploreComponent_Factory(t) { return new (t || ExploreComponent)(i0.ɵɵdirectiveInject(i1.CityService), i0.ɵɵdirectiveInject(i2.LocationService), i0.ɵɵdirectiveInject(i3.RegionService)); };\r\nExploreComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ExploreComponent, selectors: [[\"app-explore\"]], decls: 26, vars: 9, consts: [[\"href\", \"https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css\", \"rel\", \"stylesheet\", \"integrity\", \"sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x\", \"crossorigin\", \"anonymous\"], [\"lang\", \"en\"], [\"charset\", \"utf-8\"], [1, \"navbar\", \"navbar-expand-sm\"], [1, \"navbar-brand\"], [1, \"navbar-nav\", \"ml-auto\"], [1, \"nav-item\"], [\"field\", \"name\", 3, \"ngModel\", \"suggestions\", \"minLength\", \"ngModelChange\", \"completeMethod\"], [1, \"example-form\"], [\"appearance\", \"fill\", 1, \"example-full-width\"], [\"type\", \"text\", \"matInput\", \"\", 3, \"formControl\", \"matAutocomplete\", 4, \"ngFor\", \"ngForOf\"], [3, \"displayWith\"], [\"auto\", \"matAutocomplete\"], [\"label\", \"Search\", \"icon\", \"pi pi-search\", \"id\", \"button\", 3, \"loading\", \"click\"], [\"type\", \"text\", \"matInput\", \"\", 3, \"formControl\", \"matAutocomplete\"]], template: function ExploreComponent_Template(rf, ctx) { if (rf & 1) {\r\n i0.ɵɵelement(0, \"link\", 0);\r\n i0.ɵɵelementStart(1, \"html\", 1);\r\n i0.ɵɵelementStart(2, \"head\");\r\n i0.ɵɵelement(3, \"meta\", 2);\r\n i0.ɵɵelementStart(4, \"title\");\r\n i0.ɵɵtext(5, \"Explore\");\r\n i0.ɵɵelementEnd();\r\n i0.ɵɵelementEnd();\r\n i0.ɵɵelementStart(6, \"body\");\r\n i0.ɵɵelementStart(7, \"header\");\r\n i0.ɵɵelementStart(8, \"nav\", 3);\r\n i0.ɵɵelementStart(9, \"strong\", 4);\r\n i0.ɵɵtext(10, \"Trivia Trip\");\r\n i0.ɵɵelementEnd();\r\n i0.ɵɵelementStart(11, \"ul\", 5);\r\n i0.ɵɵelementStart(12, \"li\", 6);\r\n i0.ɵɵelementStart(13, \"p-autoComplete\", 7);\r\n i0.ɵɵlistener(\"ngModelChange\", function ExploreComponent_Template_p_autoComplete_ngModelChange_13_listener($event) { return ctx.text = $event; })(\"completeMethod\", function ExploreComponent_Template_p_autoComplete_completeMethod_13_listener($event) { return ctx.search($event); });\r\n i0.ɵɵelementEnd();\r\n i0.ɵɵelementEnd();\r\n i0.ɵɵelement(14, \"li\", 6);\r\n i0.ɵɵelementEnd();\r\n i0.ɵɵelementEnd();\r\n i0.ɵɵelementEnd();\r\n i0.ɵɵelementStart(15, \"form\", 8);\r\n i0.ɵɵelementStart(16, \"mat-form-field\", 9);\r\n i0.ɵɵelementStart(17, \"mat-label\");\r\n i0.ɵɵtext(18, \"Assignee\");\r\n i0.ɵɵelementEnd();\r\n i0.ɵɵtemplate(19, ExploreComponent_input_19_Template, 1, 2, \"input\", 10);\r\n i0.ɵɵpipe(20, \"async\");\r\n i0.ɵɵelementStart(21, \"mat-autocomplete\", 11, 12);\r\n i0.ɵɵelementStart(23, \"mat-option\");\r\n i0.ɵɵtext(24);\r\n i0.ɵɵelementEnd();\r\n i0.ɵɵelementEnd();\r\n i0.ɵɵelementEnd();\r\n i0.ɵɵelementStart(25, \"p-button\", 13);\r\n i0.ɵɵlistener(\"click\", function ExploreComponent_Template_p_button_click_25_listener() { return ctx.load(0); });\r\n i0.ɵɵelementEnd();\r\n i0.ɵɵelementEnd();\r\n i0.ɵɵelementEnd();\r\n i0.ɵɵelementEnd();\r\n } if (rf & 2) {\r\n i0.ɵɵadvance(13);\r\n i0.ɵɵproperty(\"ngModel\", ctx.text)(\"suggestions\", ctx.filteredCountries)(\"minLength\", 1);\r\n i0.ɵɵadvance(6);\r\n i0.ɵɵproperty(\"ngForOf\", i0.ɵɵpipeBind1(20, 7, ctx.filteredOptions));\r\n i0.ɵɵadvance(2);\r\n i0.ɵɵproperty(\"displayWith\", ctx.displayFn);\r\n i0.ɵɵadvance(3);\r\n i0.ɵɵtextInterpolate1(\" \", ctx.option.name, \" \");\r\n i0.ɵɵadvance(1);\r\n i0.ɵɵproperty(\"loading\", ctx.loading[0]);\r\n } }, directives: [i4.AutoComplete, i5.NgControlStatus, i5.NgModel, i5.ɵNgNoValidate, i5.NgControlStatusGroup, i5.NgForm, i6.MatFormField, i6.MatLabel, i7.NgForOf, i8.MatAutocomplete, i9.MatOption, i10.Button, i11.MatInput, i5.DefaultValueAccessor, i8.MatAutocompleteTrigger, i5.FormControlDirective], pipes: [i7.AsyncPipe], styles: [\"#button[_ngcontent-%COMP%]{\\r\\n margin-left: 20px;\\r\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImV4cGxvcmUuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJLGlCQUFpQjtBQUNyQiIsImZpbGUiOiJleHBsb3JlLmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIjYnV0dG9ue1xyXG4gICAgbWFyZ2luLWxlZnQ6IDIwcHg7XHJcbn0iXX0= */\"] });\r\n"]},"metadata":{},"sourceType":"module"} |
|---|
