Lec47

Author: samarthagarwal

src/pages/search/search.html

@@ -7,47 +7,12 @@
 <ion-header>
 
   <ion-navbar>
-    <ion-title>Search : {{ searchQuery }}</ion-title>
+    <ion-title>Search</ion-title>
   </ion-navbar>
 
 </ion-header>
 
 
 <ion-content padding>
-  <ion-list>
-    <ion-item *ngFor="let product of products" text-wrap  (click)="openProductPage(product)">
-      <ion-thumbnail item-left>
-        <img [src]="product.featured_src" />
-      </ion-thumbnail>
-
-      <h2> {{ product.title }} </h2>
-
-      <p>
-        <span [innerHTML]="product.short_description.substr(0, 50) + '...'"></span>
-        <span [innerHTML]="product.price_html"></span>
-        <span *ngIf="product.average_rating >= 1">
-          <ion-icon style="color: #d4af37" small name="star"></ion-icon>
-        </span>
-        <span *ngIf="product.average_rating >= 2">
-          <ion-icon style="color: #d4af37" small name="star"></ion-icon>
-        </span>
-        <span *ngIf="product.average_rating >= 3">
-          <ion-icon style="color: #d4af37" small name="star"></ion-icon>
-        </span>
-        <span *ngIf="product.average_rating >= 4">
-          <ion-icon style="color: #d4af37" small name="star"></ion-icon>
-        </span>
-        <span *ngIf="product.average_rating >= 5">
-          <ion-icon style="color: #d4af37" small name="star"></ion-icon>
-        </span>
-      </p>
-
-      <button ion-button icon clear item-right>
-        <ion-icon name="arrow-forward"></ion-icon>
-      </button>
-    </ion-item>
-  </ion-list>
-   <ion-infinite-scroll (ionInfinite)="loadMoreProducts($event)">
-    <ion-infinite-scroll-content></ion-infinite-scroll-content>
-  </ion-infinite-scroll>
+  
 </ion-content>

src/pages/search/search.ts

@@ -1,6 +1,5 @@
 import { Component } from '@angular/core';
-import { NavController, NavParams, ToastController } from 'ionic-angular';
-import * as WC from 'woocommerce-api';
+import { NavController, NavParams} from 'ionic-angular';
 
 @Component({
   selector: 'page-search',
@@ -9,50 +8,14 @@ import * as WC from 'woocommerce-api';
 export class SearchPage {
 
   searchQuery: string = "";
-  WooCommerce: any;
-  products: any[] = [];
-  page: number = 2;
 
   constructor(public navCtrl: NavController, public navParams: NavParams, public toastCtrl: ToastController) {
     console.log(this.navParams.get("searchQuery"));
-    this.searchQuery = this.navParams.get("searchQuery");
-
-    this.WooCommerce = WC({
-      url: "http://samarth.cloudapp.net",
-      consumerKey: "ck_d6c5feec9ea1c407d2f91661c5137c6e3e48ae3b",
-      consumerSecret: "cs_de8e6cf03a5afd10491dfb1756415ac5a0169ae8"
-    });
-
-    this.WooCommerce.getAsync("products?filter[q]=" + this.searchQuery).then((searchData) => {
-      this.products = JSON.parse(searchData.body).products;
-    });
-
-
+    
   }
 
   ionViewDidLoad() {
     console.log('ionViewDidLoad SearchPage');
   }
 
-  loadMoreProducts(event){
-
-    this.WooCommerce.getAsync("products?filter[q]=" + this.searchQuery + "&page=" + this.page).then((searchData) => {
-      this.products = this.products.concat(JSON.parse(searchData.body).products);
-
-      if(JSON.parse(searchData.body).products.length < 10){
-        event.enable(false);
-
-        this.toastCtrl.create({
-          message: "No more products!",
-          duration: 5000
-        }).present();
-
-      }
-
-      event.complete();
-      this.page ++;
-
-    });
-  }
-
 }