Merge pull request #444 from sinfo/adds-search-promote

adds search field to promote

Author: andreromao

src/app/user/promote/promote.component.html

@@ -62,8 +62,9 @@ <h5 *ngIf="info && info.length > 0 && info !== 'team'" class='name center'>
       <div class="col-sm-6 promote typeahead">
         <mat-form-field appearance="fill" style="width: 100%; background-color: white;">
           <mat-label>Search for company</mat-label>
-          <mat-select name="searchCompany" id="searchCompany" style="background-color: white;" name="searchCompany" [(ngModel)]="searchedCompany">
-            <mat-option style="background-color: white;" *ngFor="let comp of companies" [value]="comp">
+          <mat-select name="searchCompany" id="searchCompany" name="searchCompany">
+            <input (keyup)="onKey($event.target.value)" style="width: 100%;">
+            <mat-option *ngFor="let comp of selectedCompanies" [value]="comp.name">
               {{ comp.name }}
             </mat-option>
           </mat-select>

src/app/user/promote/promote.component.ts

@@ -26,6 +26,7 @@ export class PromoteComponent implements OnInit {
   userReadCompany: Company
 
   companies: Company[]
+  selectedCompanies: Company[]
   searchedCompany: Company
 
   me: User
@@ -124,9 +125,12 @@ export class PromoteComponent implements OnInit {
         //Filtering companies from companies and partners array
         let companies = companiesPartners.filter((company) => {
           return company.advertisementLvl != "other";
+        }).sort((a, b) => {
+          return a.name.localeCompare(b.name)
         });
 
         this.companies = companies
+        this.selectedCompanies = companies;
       })
   }
 
@@ -172,8 +176,15 @@ export class PromoteComponent implements OnInit {
 
         this.userRead = user
         this.receiveUser({user:user, company:null})
-
       })
   }
 
+  onKey(value) {
+    this.selectedCompanies = this.search(value);
+  }
+  
+  search(value: string) {
+    let filter = value.toLowerCase();
+    return this.companies.filter(comp => comp.name.toLowerCase().includes(filter));
+  }
 }