src/app/app.component.ts

@@ -3,6 +3,7 @@ import { Nav, Platform } from 'ionic-angular';
 import { StatusBar } from '@ionic-native/status-bar';
 import { SplashScreen } from '@ionic-native/splash-screen';
 
+
 import { HomePage } from '../pages/home/home';
 import { ListPage } from '../pages/list/list';
 import { NewProfilePage } from '../pages/registerUser/registerUser';
@@ -10,6 +11,7 @@ import { TeacherRegistrationPage } from '../pages/registerTeacher/registerTeache
 import { SearchPage } from '../pages/search/search';
 
 
+
 @Component({
   templateUrl: 'app.html'
 })

src/app/app.module.ts

@@ -9,11 +9,13 @@ import { ListPage } from '../pages/list/list';
 import { NewProfilePage } from '../pages/registerUser/registerUser';
 import { TeacherRegistrationPage } from '../pages/registerTeacher/registerTeacher';
 import { SearchPage } from '../pages/search/search';
+import { SchoolPage } from '../pages/schools/schools';
 
 
 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: [
@@ -23,6 +25,7 @@ import { ConnectionProvider } from '../providers/connection/connection';
     NewProfilePage,
     TeacherRegistrationPage,
     SearchPage,
+    SchoolPage,
   ],
   imports: [
     BrowserModule,
@@ -37,11 +40,13 @@ import { ConnectionProvider } from '../providers/connection/connection';
     NewProfilePage,
     TeacherRegistrationPage,
     SearchPage,
+    SchoolPage, 
   ],
   providers: [
     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/registerUser/registerUser.html

@@ -60,14 +60,14 @@
         <ion-label>
           Password
         </ion-label>
-        <ion-input type="text" placeholder="" [(ngModel)]="user.password" name="password"></ion-input>
+        <ion-input type="password" placeholder="" [(ngModel)]="user.password" name="password"></ion-input>
       </ion-item>
     </ion-list>
     <ion-item id="newProfile-input13">
       <ion-label>
         Verify Password
       </ion-label>
-      <ion-input type="text" placeholder="" [(ngModel)]="user.password" name="password">></ion-input>
+      <ion-input type="password" placeholder="" [(ngModel)]="user.password" name="password">></ion-input>
     </ion-item>
     <div class="spacer" style="width:299.514px;height:55.9757px;" id="newProfile-spacer4"></div>
     <button id="newProfile-button9" ion-button color="balanced" full on-click="register()">

src/pages/schools/schools.html

@@ -0,0 +1,24 @@
+<ion-header>
+  <ion-navbar>
+    <button ion-button menuToggle>
+      <ion-icon name="menu"></ion-icon>
+    </button>
+    <ion-title>
+      Select Teacher OR Rate School!
+    </ion-title>
+  </ion-navbar>
+</ion-header>
+<ion-content padding style="background:url(assets/imgs/final_spitball.jpg) no-repeat center;background-size:cover" id="page14">
+  <h1 id="teacherSelectPage-heading5" style="color:#000000;text-align:center;">
+  {{school.name}}
+  </h1>
+      <ion-item color="none" id="teacherSelectPage-list-item52">
+      <ion-thumbnail item-left>
+      <img
+        <img />
+      </ion-thumbnail>
+      <h2>
+        School Aggregate Score
+      </h2>
+    </ion-item>
+</ion-content>

src/pages/schools/schools.ts

@@ -0,0 +1,18 @@
+import { Component } from '@angular/core';
+import { NavController, NavParams } from 'ionic-angular';
+import { SearchPage } from '../../pages/search/search'
+
+
+@Component({
+  selector: 'page-school-page',
+  templateUrl: 'schools.html'
+})
+export class SchoolPage {
+    public school; 
+
+  constructor(public navCtrl: NavController, public navParams: NavParams) {
+
+      this.school = this.navParams.get("school");
+  }
+
+}

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" on-click="goToSchoolPage(school)">
+    <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,56 @@
 import { Component } from '@angular/core';
 import { NavController } from 'ionic-angular';
+import { SchoolPage } from './../../pages/schools/schools';
+import { ConnectionProvider } from './../../providers/connection/connection';
+import { DistrictProvider } from './../../providers/connection/district';
+import { School } from './../../app/component/school'
+
+
 
 @Component({
   selector: 'page-search',
   templateUrl: 'search.html'
 })
 export class SearchPage {
+    listOfSchools: any; 
+    filterSchools: any;
+
+  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);
+            });
+        }
 
-  constructor(public navCtrl: NavController) {
+    }
+    
+    goToSchoolPage(school: School){
+    this.navCtrl.push(SchoolPage, {
+        school: school
+    });
   }
+
+}
+
+
+
+    
+
+  
   
-}

src/providers/connection/connection.ts

@@ -10,7 +10,7 @@ import { Injectable } from '@angular/core';
 @Injectable()
 export class ConnectionProvider {
 public apiUrl = 'http://localhost:8080/';
-public user = this.apiUrl + '/user_profile';
+
 
   constructor(public http: HttpClient) {
     console.log('Hello ConnectionProvider Provider');
@@ -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]))
+    }
+
+
+}