Changeset 76712b2 for trip-planner-front/src/app/explore/explore.component.html

Timestamp:

01/28/22 18:45:54 (3 years ago)

Author:

Ema <ema_spirova@…>

Branches:

master

Children:

6fe77af

Parents:

b738035

Message:

search all locations by city or region

File:

• trip-planner-front/src/app/explore/explore.component.html (modified) (1 diff)

trip-planner-front/src/app/explore/explore.component.html

@@ -14 +14 @@
       <ul class="navbar-nav ml-auto">
         <li class="nav-item">
-          <p-autoComplete [(ngModel)]="text" [suggestions]="filteredCountries" (completeMethod)="search($event)"
-            field="name" [minLength]="1">
-            <mat-option *ngFor="let cityName of cities" 
-            [value]="cityName.name">
-                {{cityName.name}}
-            </mat-option></p-autoComplete>
-          <p-button label="Search" icon="pi pi-search" [loading]="loading[0]" (click)="load(0)" id="button"></p-button>
-        </li>
-        <li class="nav-item">
+
+          <form class="example-form">
+            <mat-form-field class="example-full-width" appearance="fill">
+              <input type="text" matInput [formControl]="myControl" [matAutocomplete]="auto"
+                [(ngModel)]="selectedPlace">
+              <mat-autocomplete #auto="matAutocomplete" [displayWith]="displayFn">
+                <mat-option *ngFor="let option of filteredOptions | async" [value]="option"
+                  (click)="onPlaceSelected(selectedPlace)">
+                  {{option}}
+                </mat-option>
+              </mat-autocomplete>
+            </mat-form-field>
+            <p-button label="Search" icon="pi pi-search" [loading]="loading[0]" (click)="load(0)" id="button">
+            </p-button>
+          </form>
         </li>
       </ul>
     </nav>
   </header>
+
 </body>