source: trip-planner-front/src/app/explore/explore.component.html@ 6fe77af

Last change on this file since 6fe77af was 76712b2, checked in by Ema <ema_spirova@…>, 3 years ago

search all locations by city or region

  • Property mode set to 100644
File size: 1.3 KB
Line 
1<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
2 integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
3<html lang="en">
4
5<head>
6 <meta charset="utf-8">
7 <title>Explore</title>
8</head>
9
10<body>
11 <header>
12 <nav class="navbar navbar-expand-sm">
13 <strong class="navbar-brand">Trivia Trip</strong>
14 <ul class="navbar-nav ml-auto">
15 <li class="nav-item">
16
17 <form class="example-form">
18 <mat-form-field class="example-full-width" appearance="fill">
19 <input type="text" matInput [formControl]="myControl" [matAutocomplete]="auto"
20 [(ngModel)]="selectedPlace">
21 <mat-autocomplete #auto="matAutocomplete" [displayWith]="displayFn">
22 <mat-option *ngFor="let option of filteredOptions | async" [value]="option"
23 (click)="onPlaceSelected(selectedPlace)">
24 {{option}}
25 </mat-option>
26 </mat-autocomplete>
27 </mat-form-field>
28 <p-button label="Search" icon="pi pi-search" [loading]="loading[0]" (click)="load(0)" id="button">
29 </p-button>
30 </form>
31 </li>
32 </ul>
33 </nav>
34 </header>
35
36</body>
37
38</html>
Note: See TracBrowser for help on using the repository browser.