created a new function for the search of hotels in the hotels page, a…

…dded new images of the project screenshots

src/app/components/form/form.component.html

@@ -9,7 +9,7 @@ <h1 class="page-title">
       <section class="header-form ">
         <i class="fas fa-map-marker-alt"></i>
         <input 
-        id="searchInput"
+        id="input-home"
         (change)="getLocation($event)"
         (keyup.enter)="getHotels()"
         class="search-input" 
@@ -31,17 +31,17 @@ <h1 class="page-title">
 </div>
 
 <div class="container-hotel" id="hotel-page">
-  <app-header (sendTypeSearch)="onSendTypeSearch($event)"></app-header>
+  <app-header (sendTypeSearchHotel)="onSendTypeSearchHotel($event)"></app-header>
   <div id="form-hotel-page" class="search-form">
     <div class="header-form ">
       <i class="fas fa-map-marker-alt"></i>
       <input 
-      (change)="getLocation($event)"
+      id="input-hotel"
+      (change)="getLocationHotelPage($event)"
       (keyup.enter)="getHotels()"
       class="search-input" 
       placeholder="Vai pra onde?"
       #campoInput
-      (load)="clearInput()"
       >
     </div>
 
@@ -191,7 +191,7 @@ <h1 class="page-title">
     <div *ngIf="hotels" class="ordenation" id="ordenation">
       <div class="slider" id="slider">
         <p class="rangeText">Valor até: R$ {{ this.value ? this.value : '1500' }}</p>
-        <input type="range" id="range" [min]="minPrice" [max]="1500" [value]="1500" (click)="limitedByPrice()" (change)="rangeValue()"> 
+        <input type="range" id="range" [min]="minPrice" [max]="1500" [value]="this.value" (click)="limitedByPrice()" (change)="rangeValue()"> 
       </div>
     </div>
     <div class="hotel-list">

src/app/components/form/form.component.ts

@@ -42,19 +42,25 @@ export class FormComponent implements OnInit {
       this.location = value;
     }
 
-    this.location = (<HTMLInputElement>document.querySelector('.search-input')).value;
+    this.location = (<HTMLInputElement>document.getElementById('input-home')).value;
   }
 
-  clearInput() {
-    const input = (<HTMLInputElement>document.querySelector('.search-input'));
-
-    input.value=''
+  getLocationHotelPage(evento: KeyboardEvent, value: string) {
+    if(value !== null) {
+      this.location = value;
+    }
+
+    this.location = (<HTMLInputElement>document.getElementById('input-hotel')).value;
   }
 
   onSendTypeSearch(event) {
     this.typeSearchOption = event;
   }
 
+  onSendTypeSearchHotel(event) {
+    this.typeSearchOptionHotel = event;
+  }
+
   getHotels(page = 1, typeSearchOption, order: string, limited: string, quantityStars: Array<any>) {
     this.hurbService.getData(this.location, this.typeSearchOption, page, order, limited, quantityStars).subscribe((data) => {
       this.hotels = data.results;