janis/osm-routing-angular
1
0
Fork 0
mirror of https://github.com/DerTyp7/osm-routing-angular.git synced 2025-10-30 21:07:09 +01:00
Code Issues Packages Projects Releases Wiki Activity

added search

Browse Source
This commit is contained in:
Janis Meister
2022-02-24 10:54:01 +01:00
parent c817148992
commit f3e99ee22a
9 changed files with 76 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,46 +1,25 @@
<div class="searchField">
<div class="autocomplete">
<input #inputFrom (click)="getValue(inputFrom.value, true)" (change)="getValue(inputFrom.value, true)" type="text" name="inputFrom" id="inputFrom" placeholder="From" value="{{ inputFromValue }}">
<div #inputautocompleteList class="autocomplete-items autocomplete-items-from">
<!-- PHOTON -->
<div *ngFor="let item of photonItemsFrom"
(click)="selectPhoton(true, item);" >
<!--IF TYPE == STREET-->
<label *ngIf="item.properties.type == 'street'">
{{ item.properties.name }} {{item.properties.housenumber}}<br>
{{item.properties.postcode}} {{item.properties.city}} {{item.properties.country}}
</label>
<label *ngIf="item.properties.type != 'street'">
{{ item.properties.name }} <br>
{{item.properties.street}} {{item.properties.housenumber}} {{item.properties.postcode}} {{item.properties.city}} {{item.properties.countrycode}}
</label>
<input #inputFrom (click)="getValue(inputFrom.value, true)" (input)="getValue(inputFrom.value, true)" type="text" name="inputFrom" id="inputFrom" placeholder="From" value="{{ inputFromValue }}">
<div class="autocomplete-items autocomplete-items-from">
<div *ngFor="let item of searchItemsFrom" (click)="select(true, item)">
<label>{{ item.name }}</label>
</div>
</div>
</div>
<div class="autocomplete" id="autocompleteTo">
<input #inputTo (click)="getValue(inputTo.value, false)" (change)="getValue(inputTo.value, false)" type="text" name="inputTo" id="inputTo" placeholder="To" value="{{ inputToValue }}">
<input #inputTo (click)="getValue(inputTo.value, false)" (input)="getValue(inputTo.value, false)" type="text" name="inputTo" id="inputTo" placeholder="To" value="{{ inputToValue }}">
<div #inputautocompleteList class="autocomplete-items autocomplete-items-to">
<div *ngFor="let item of photonItemsTo"
(click)="selectPhoton(false, item)">
<!--IF TYPE == STREET-->
<label *ngIf="item.properties.type == 'street'">
{{ item.properties.name }} {{item.properties.housenumber}}<br>
{{item.properties.postcode}} {{item.properties.city}} {{item.properties.country}}
</label>
<label *ngIf="item.properties.type != 'street'">
{{ item.properties.name }} <br>
{{item.properties.street}} {{item.properties.housenumber}} {{item.properties.postcode}} {{item.properties.city}} {{item.properties.countrycode}}
</label>
</div>
<div *ngFor="let item of searchItemsTo" (click)="select(false, item)">
<label>{{ item.name }}</label>
</div>
</div>
</div>
</div>
<button class="routeBtn" (click)="getRoute()">Route</button>
<button *ngIf="getRouteBtnEnabled" class="routeBtn" (click)="getRoute()">Route</button>
<img *ngIf="!getRouteBtnEnabled"src="/assets/images/loading.gif" style="margin-top:15px; margin-left:10px;width:25px;height: 25px;" />