search functionality updtd

src/app/app.module.ts

@@ -14,6 +14,7 @@ import { SearchPage } from '../pages/search/search';
 import { StatusBar } from '@ionic-native/status-bar';
 import { SplashScreen } from '@ionic-native/splash-screen';
 import { ConnectionProvider } from '../providers/connection/connection';
+import { DistrictProvider } from '../providers/connection/district';
 
 @NgModule({
   declarations: [
@@ -42,6 +43,7 @@ import { ConnectionProvider } from '../providers/connection/connection';
     StatusBar,
     SplashScreen,
     ConnectionProvider,
+    DistrictProvider, 
     {provide: ErrorHandler, useClass: IonicErrorHandler}
     
   ]

src/app/component/school.ts

@@ -0,0 +1,7 @@
+export class School {
+
+
+    constructor(public name: string) {
+
+    }
+}

src/pages/search/search.html

@@ -8,10 +8,17 @@
     </ion-title>
   </ion-navbar>
 </ion-header>
-<ion-content padding style="background:url(assets/img/XevfnYbMSbmzquaF2tvl_final_spitball.jpg) no-repeat center;background-size:cover;" id="page3">
-  <form id="searchHomePage-form3">
-    <ion-searchbar placeholder="Enter Name or School Here" name="" id="searchHomePage-search1"></ion-searchbar>
-  </form>
+<ion-content padding style="background:url(assets/imgs/final_spitball.jpg) no-repeat center;background-size:cover;" id="page3">
+    <ion-searchbar 
+    placeholder="Enter Teacher Name or School Here" name="" id="searchHomePage-search1"
+    (ionInput)="getSchool($event)"
+    [spellcheck]="true">
+    </ion-searchbar>
+    <ion-list *ngFor= "let school of filterSchools">
+    <ion-list-header>
+        {{school.name}}
+    </ion-list-header>
+</ion-list>
   <h4 id="searchHomePage-heading2" style="color:#FF0000;"></h4>
   <form id="searchHomePage-form8">
     <ion-item id="searchHomePage-textarea1">

src/pages/search/search.ts

@@ -1,13 +1,47 @@
 import { Component } from '@angular/core';
 import { NavController } from 'ionic-angular';
+import { ConnectionProvider } from './../../providers/connection/connection';
+import { DistrictProvider } from './../../providers/connection/district';
+
+
 
 @Component({
   selector: 'page-search',
   templateUrl: 'search.html'
 })
 export class SearchPage {
+    listOfSchools: any; 
+    filterSchools: any;
 
-  constructor(public navCtrl: NavController) {
+  constructor(public navCtrl: NavController, public conn: ConnectionProvider, public dist: DistrictProvider) {
   }
+    ngOnInit(): void {
+        //Called after the constructor, initializing input properties, and the first call to ngOnChanges.
+        //Add 'implements OnInit' to the class.
+        this.dist.getAllSchools().subscribe(data => this.setData(data))
+    }
+
+    setData(data: any) {
+        this.listOfSchools = this.dist.parseData(data);
+        this.filterSchools = this.listOfSchools;
+    }
+
+    getSchool(event: any) {
+        this.filterSchools = this.listOfSchools
+        let val = event.target.value;
+
+        if (val && val.trim() != '') {
+            this.filterSchools = this.filterSchools.filter((item) => {
+             return (item.name.toLowerCase().indexOf(val.toLowerCase()) > -1);
+            });
+        }
+
+    }
+}
+
+
+
+    
+
+  
   
-}

src/providers/connection/connection.ts

@@ -20,6 +20,10 @@ post(partialPath: string, data: any) {
   return this.http.post(this.apiUrl + partialPath, data);
 }
 
+get(partialPath: string, data: any) {
+  return this.http.get(this.apiUrl + partialPath, data);
+}
+
 
 
 }

src/providers/connection/district.ts

@@ -0,0 +1,31 @@
+import { HttpClient } from '@angular/common/http';
+import { Injectable } from '@angular/core';
+import { School } from './../../app/component/school'
+
+@Injectable()
+export class DistrictProvider {
+
+    public districtAPI = 'https://data.delaware.gov/api/views/wky5-77bt/rows.json?accessType=DOWNLOAD'
+
+    constructor(public http: HttpClient) {
+            console.log('Hello DistrictProvider Provider');
+
+    }
+
+    getAllSchools() {
+
+        return this.http.get(this.districtAPI) //.map((response: any) => {
+            // if (response.data.length > 0) {
+            //     return response.data[0].images.original.url;
+            // } else {
+            //     return console.log('error');
+        //     }
+        // });
+    }
+
+    parseData(data: any) {
+        return data["data"].map(school => new School(school[13]))
+    }
+
+
+}