search medicines and doctors runnig now

src/app/app.module.ts

@@ -9,10 +9,12 @@ import { ContactPage } from '../pages/contact/contact';
 import { HomePage } from '../pages/home/home';
 import { TabsPage } from '../pages/tabs/tabs';
 import { Viewprescription1Page } from '../pages/viewprescription1/viewprescription1';
+import { Searchdocandmed1Page } from "../pages/searchdocandmed1/searchdocandmed1";
 
 import { StatusBar } from '@ionic-native/status-bar';
 import { SplashScreen } from '@ionic-native/splash-screen';
 import { PrescriptionProvider } from '../providers/prescription/prescription';
+import { SearchproProvider } from '../providers/searchpro/searchpro';
 
 
 @NgModule({
@@ -22,7 +24,8 @@ import { PrescriptionProvider } from '../providers/prescription/prescription';
     ContactPage,
     HomePage,
     TabsPage,
-    Viewprescription1Page
+    Viewprescription1Page,
+    Searchdocandmed1Page
   ],
   imports: [
     BrowserModule,
@@ -36,13 +39,15 @@ import { PrescriptionProvider } from '../providers/prescription/prescription';
     ContactPage,
     HomePage,
     TabsPage,
-    Viewprescription1Page
+    Viewprescription1Page,
+    Searchdocandmed1Page
   ],
   providers: [
     StatusBar,
     SplashScreen,
     {provide: ErrorHandler, useClass: IonicErrorHandler},
-    PrescriptionProvider
+    PrescriptionProvider,
+    SearchproProvider
   ]
 })
 export class AppModule {}

src/pages/home/home.html

@@ -29,7 +29,7 @@
       Here you can add reminder for your medicines.
     </ion-card-content>
   </ion-card>
-  <ion-card>
+  <ion-card (click)="onSearch()">
     <ion-card-header>
       <ion-icon name="search"  class="ionicons1"></ion-icon>Search Doctor or Medicines
     </ion-card-header>

src/pages/home/home.ts

@@ -1,6 +1,7 @@
 import { Component } from '@angular/core';
 import { NavController } from 'ionic-angular';
 import { Viewprescription1Page } from "../viewprescription1/viewprescription1";
+import { Searchdocandmed1Page } from '../searchdocandmed1/searchdocandmed1';
 @Component({
   selector: 'page-home',
   templateUrl: 'home.html'
@@ -14,5 +15,9 @@ export class HomePage {
   {
       this.navCtrl.push(Viewprescription1Page);    
   }
+  onSearch()
+  {
+    this.navCtrl.push(Searchdocandmed1Page);
+  }
 
 }

src/pages/searchdocandmed1/classdoctor.ts

@@ -0,0 +1,7 @@
+export class doctor
+{
+    constructor(public doc_sr_no:number,public pk_doc_email_id:string,public doc_pass:string,public doc_lic_no:number,public doc_name:string,public fk_spec_id:number,public fk_deg_id:number,public doc_pro_pic:string,public doc_add:string,public doc_gen:string,public doc_mno:number,public doc_verify:string,public doc_token:string)
+    {
+
+    }
+}

src/pages/searchdocandmed1/classmedicines.ts

@@ -0,0 +1,7 @@
+export class medicine
+{
+    constructor(public pk_med_id:number,public med_name:string,public com_name:string,public med_use:string,public med_type:string)
+    {
+
+    }
+}

src/pages/searchdocandmed1/searchdocandmed1.html

@@ -0,0 +1,34 @@
+<!--
+  Generated template for the Searchdocandmed1Page page.
+
+  See http://ionicframework.com/docs/components/#navigation for more info on
+  Ionic pages and navigation.
+-->
+<ion-header>
+
+  <ion-navbar color="myapp1">
+    <ion-title>Search</ion-title>
+  </ion-navbar>
+
+</ion-header>
+
+
+<ion-content padding>
+  <ion-searchbar placeholder="Search Here" [(ngModel)]="searchstring" (keyup)="search()">
+
+</ion-searchbar>
+<!--<div *ngIf="matchdoctors">-->
+<ion-card *ngFor="let item of matchdoctors">
+  <ion-card-header>
+    <ion-icon name="contact" item-start></ion-icon> {{item.doc_name}}
+    </ion-card-header>
+  </ion-card>
+<!--</div>-->
+<!--<div *ngIf="matchmedicines">-->
+<ion-card *ngFor="let item of matchmedicines">
+    <ion-card-header>
+      <ion-icon name="medkit" item-start></ion-icon>   {{item.med_name}}
+    </ion-card-header>
+</ion-card>
+<!--</div>-->
+</ion-content>

src/pages/searchdocandmed1/searchdocandmed1.module.ts

@@ -0,0 +1,13 @@
+import { NgModule } from '@angular/core';
+import { IonicPageModule } from 'ionic-angular';
+import { Searchdocandmed1Page } from './searchdocandmed1';
+
+@NgModule({
+  declarations: [
+    Searchdocandmed1Page,
+  ],
+  imports: [
+    IonicPageModule.forChild(Searchdocandmed1Page),
+  ],
+})
+export class Searchdocandmed1PageModule {}

src/pages/searchdocandmed1/searchdocandmed1.scss

@@ -0,0 +1,3 @@
+page-searchdocandmed1 {
+
+}

src/pages/searchdocandmed1/searchdocandmed1.ts

@@ -0,0 +1,72 @@
+import { Component } from '@angular/core';
+import { IonicPage, NavController, NavParams } from 'ionic-angular';
+import { SearchproProvider } from "../../providers/searchpro/searchpro";
+import { doctor } from "./classdoctor";
+import { medicine } from "./classmedicines";
+/**
+ * Generated class for the Searchdocandmed1Page page.
+ *
+ * See https://ionicframework.com/docs/components/#navigation for more info on
+ * Ionic pages and navigation.
+ */
+
+@IonicPage()
+@Component({
+  selector: 'page-searchdocandmed1',
+  templateUrl: 'searchdocandmed1.html',
+})
+export class Searchdocandmed1Page {
+
+  allmedicines:medicine[]=[];
+  alldoctors:doctor[]=[];
+  searchstring:string="";
+  matchdoctors:doctor[]=[];
+  matchmedicines:medicine[]=[];
+
+
+  constructor(public navCtrl: NavController, public navParams: NavParams,public searchpro:SearchproProvider) {
+  }
+
+  ionViewDidLoad() {
+    console.log('ionViewDidLoad Searchdocandmed1Page');
+    this.searchpro.getALlDoctors().subscribe(
+      (data:doctor[])=>{
+        this.alldoctors=data;
+      },
+      function(error){
+        console.log("error"+error);
+      },
+      function()
+      {
+        console.log("Success");
+      }
+    );
+    this.searchpro.getAllMedicines().subscribe(
+      (data:medicine[])=>{
+        this.allmedicines=data;
+      },
+      function(error){
+        console.log("error"+error);
+      },
+      function()
+      {
+        console.log("Success");
+      }
+    );
+  }
+  search()
+  {
+
+    if(this.searchstring!="")
+    {
+      this.matchdoctors=this.alldoctors.filter((x)=>x.doc_name.toUpperCase().startsWith(this.searchstring.toUpperCase()));
+      this.matchmedicines=this.allmedicines.filter((x)=>x.med_name.toUpperCase().startsWith(this.searchstring.toUpperCase()));
+    }
+    else
+    {
+      this.matchdoctors=[];
+      this.matchmedicines=[];
+    }
+  }
+
+}

src/providers/searchpro/searchpro.ts

@@ -0,0 +1,29 @@
+//import { HttpClient } from '@angular/common/http';
+import { Injectable } from '@angular/core';
+import {Http,Response} from "@angular/http";
+import "rxjs/rx";
+
+/*
+  Generated class for the SearchproProvider provider.
+
+  See https://angular.io/guide/dependency-injection for more info on providers
+  and Angular DI.
+*/
+@Injectable()
+export class SearchproProvider {
+
+  constructor(public _http: Http) {
+    console.log('Hello SearchproProvider Provider');
+  }
+  private url1="http://localhost:3000/doctor/";
+  private url2="http://localhost:3000/medicines/";
+  getALlDoctors()
+  {
+    return this._http.get(this.url1).map((response:Response)=>response.json());
+  }
+  getAllMedicines()
+  {
+    return this._http.get(this.url2).map((response:Response)=>response.json());
+  }
+
+}