janis/street-map-typescript
1
0
Fork 0
mirror of https://github.com/DerTyp7/street-map-typescript.git synced 2025-10-29 12:52:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

remove example values

Browse Source
This commit is contained in:
Janis Meister
2022-01-13 14:11:38 +01:00
parent 157e18fe2d
commit aae9f588b7
4 changed files with 19 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/interfaces/nominatim.ts
View File

@@ -2,7 +2,7 @@
export interface Nominatim {
boundingbox?: Array<string>;
category?: string;
display_name: string;
display_name?: string;
icon?: string;
importance?: number;
lat?: string;

8
src/app/search/search.component.css
View File

@@ -1,3 +1,10 @@
#inputFrom:focus + .autocomplete-items-from{
display:block;
}
#inputTo:focus + .autocomplete-items-to{
display:block;
}
.searchField{
display:block;
@@ -24,6 +31,7 @@
}
.autocomplete-items {
display:none;
position: absolute;
border: 1px solid #d4d4d4;
border-bottom: none;

6
src/app/search/search.component.html
View File

@@ -1,7 +1,7 @@
<div class="searchField">
<div class="autocomplete">
<input #inputFrom (keyup)="getValue(inputFrom.value, inputTo.value)" type="text" name="inputFrom" id="inputFrom" placeholder="From">
<div #inputautocompleteList class="autocomplete-items">
<div #inputautocompleteList class="autocomplete-items autocomplete-items-from">
<div *ngFor="let item of itemsFrom" >
{{ item.display_name }}
<input type="hidden" value="{{ item.display_name }}">
@@ -9,8 +9,8 @@
</div>
</div>
<div class="autocomplete">
<input #inputTo (keyup)="getValue(inputFrom.value, inputTo.value)"type="text" name="inputTo" id="inputTo" placeholder="To">
<div #inputautocompleteList class="autocomplete-items">
<input #inputTo (keyup)="getValue(inputFrom.value, inputTo.value)" type="text" name="inputTo" id="inputTo" placeholder="To">
<div #inputautocompleteList class="autocomplete-items autocomplete-items-to">
<div *ngFor="let item of itemsTo" >
{{ item.display_name }}
<input type="hidden" value="{{ item.display_name }}">

20
src/app/search/search.component.ts
View File

@@ -16,24 +16,18 @@ export class SearchComponent implements OnInit {
constructor(private nominatimService: NominatimService) { }
updateAutoCompleteList(itemsFrom: Nominatim[], itemsTo: Nominatim[]): void{
this.itemsFrom = itemsFrom;
this.itemsTo = itemsTo;
/*this.autocompleteList.nativeElement.innerHTML = "";
items.forEach(item => {
this.autocompleteList.nativeElement.innerHTML += '<div>' + item.display_name + '<input type="hidden" value="' + item.display_name + '"></div>' ;
});*/
}
// Gets called in "app.component.html" when an input changes its value
getValue(valueFrom:string, valueTo:string): void{
console.log("From " + valueFrom + " to " + valueTo);
this.updateAutoCompleteList([{display_name: 'Hallo'}, {display_name: 'Test2'}], [{display_name: 'Halload'}, {display_name: 'Test4'}]);
//this.updateAutoCompleteList([{display_name: 'Hallo'}, {display_name: 'Test2'}], [{display_name: 'Halload'}, {display_name: 'Test4'}]);
/*this.nominatimService.sendQueryRequest(valueFrom)
.subscribe((response: Nominatim[]) => this.updateAutoCompleteList(response));*/
this.nominatimService.sendQueryRequest(valueFrom)
.subscribe((response: Nominatim[]) => this.itemsFrom = response);
this.nominatimService.sendQueryRequest(valueTo)
.subscribe((response: Nominatim[]) => this.itemsTo = response);
}
ngOnInit(): void {