latest changes

package.json

@@ -24,15 +24,9 @@
         "@angular/platform-browser-dynamic": "~8.1.2",
         "@angular/router": "~8.1.2",
         "@ionic-native/core": "^5.0.0",
-<<<<<<< HEAD
         "@ionic-native/geolocation": "^5.15.1",
         "@ionic-native/google-plus": "^5.0.0-beta.0",
         "@ionic-native/native-geocoder": "^5.15.1",
-=======
-        "@ionic-native/geolocation": "^5.0.0",
-        "@ionic-native/google-plus": "^5.0.0-beta.0",
-        "@ionic-native/native-geocoder": "^5.0.0",
->>>>>>> master
         "@ionic-native/splash-screen": "^5.0.0",
         "@ionic-native/status-bar": "^5.12.0",
         "@ionic/angular": "^4.7.1",
@@ -52,10 +46,7 @@
         "core-js": "^2.5.4",
         "firebase": "^6.4.0",
         "rxjs": "~6.5.1",
-<<<<<<< HEAD
         "rxjs-compat": "^6.5.3",
-=======
->>>>>>> master
         "tslib": "^1.9.0",
         "zone.js": "~0.9.1"
     },
@@ -109,8 +100,4 @@
             "android"
         ]
     }
-<<<<<<< HEAD
-}
-=======
 }
->>>>>>> master

src/app/home/home.page.html

@@ -23,27 +23,13 @@
                     </ion-col>
                 </ion-row>
             </div> 
-            <ion-slides pager="true">
-                <ion-slide>
+            <ion-slides pager="true" *ngIf="centerService.centers && centerService.centers.length > 0">
+                <ion-slide *ngFor="let center of centerService.centers">
                     <div class="banner_slide" (click)="goToPage('storelist')">
-                        <h5>Chadstone</h5>
-                        <p>The fashion capital</p>
-                    </div>
-                    <img src="./../../assets/getmi_malls/mall_banner/mall_4.png">
-                </ion-slide>
-                <ion-slide>
-                    <div class="banner_slide" (click)="goToPage('storelist')">
-                        <h5>Westfield Knox</h5>
-                        <p>Your one-stop hub for Shopping & Fun</p>
-                    </div>
-                    <img src="./../../assets/getmi_malls/mall_banner/mall_1.png">
-                </ion-slide>
-                <ion-slide>
-                    <div class="banner_slide" (click)="goToPage('storelist')">
-                        <h5>Emporium Melbourne</h5>
-                        <p>The luxury shopping centre</p>
+                        <h5>{{center.centerName}}</h5>
+                        <p>{{center.description}}</p>
                     </div>
-                    <img src="./../../assets/getmi_malls/mall_banner/mall_5.png">
+                    <img [src]="center.centerImg" onerror="this.src='./../../assets/getmi_malls/mall_banner/mall_4.png'">
                 </ion-slide>
             </ion-slides>
         </div>
@@ -51,22 +37,13 @@
             Featured Stores
         </div>
         <div class="featured_slider">
-            <ion-slides pager="false" [options]="slideOpts">
-                <ion-slide>
-                    <div class="feature_product" (click)="goToPage('productlist')">
-                        <img src="./../../assets/getmi_malls/featured/featured1.png">
-                        <div class="feature_overlay">
-                            <h5>Witchery</h5>
-                            <p>Shop Women's Fashion</p>
-                        </div>
-                    </div>
-                </ion-slide>
-                <ion-slide>
+            <ion-slides pager="false" [options]="slideOpts" *ngIf="shopperService.activeshoppers && shopperService.activeshoppers.length > 0">
+                <ion-slide *ngFor="let shopper of shopperService.activeshoppers">
                     <div class="feature_product" (click)="goToPage('productlist')">
-                        <img src="./../../assets/getmi_malls/featured/featured2.png">
+                        <img [src]="shopper.featuredImage" onerror="this.src='./../../assets/getmi_malls/featured/featured1.png'">
                         <div class="feature_overlay">
-                            <h5>VonZipper</h5>
-                            <p>Lifestyle & Personality</p>
+                            <h5>{{shopper.name}}</h5>
+                            <p>{{shopper.caption}}</p>
                         </div>
                     </div>
                 </ion-slide>

src/app/home/home.page.ts

@@ -3,6 +3,9 @@ import { Location } from '@angular/common';
 import { trigger, transition, animate, style } from '@angular/animations';
 import { Router, ActivatedRoute } from '@angular/router';
 import {  MenuController } from '@ionic/angular';
+import {  CenterService } from './../../config/center.service';
+import { ShoppersService } from './../../config/shopper.service';
+
 @Component({
   selector: 'app-home',
   templateUrl: './home.page.html',
@@ -33,7 +36,9 @@ export class HomePage implements OnInit {
     private router: Router,
     private route: ActivatedRoute,
     private location: Location,
-    public menuCtrl: MenuController
+    public menuCtrl: MenuController,
+    public centerService: CenterService,
+    public shopperService: ShoppersService
   ) { }
 
   ngOnInit() {

src/config/center.service.ts

+import { Injectable } from '@angular/core';
+import { AngularFirestore, AngularFirestoreDocument, AngularFirestoreCollection } from '@angular/fire/firestore';
+import { Centers, CenterData } from './services/center';
+import * as firebase from 'firebase';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class CenterService {
+  centers: Centers[] = [];
+  constructor(
+    public afs: AngularFirestore
+  ) {
+    this.centerList();
+  }
+
+  public async centerList() {
+    const This = this;
+    const state = true;
+    const orderRef: AngularFirestoreCollection<any> = this.afs.collection('centers', ref => ref.where('featured', '==', state)
+    .where('status', '==', state));
+    orderRef.valueChanges().subscribe((value) => {
+      this.centers = [];
+      const res = value;
+      if (res.length > 0) {
+        res.forEach((item) => {
+          console.log(item);
+          if (item.centerName === undefined) {
+            return;
+          }
+          const center: Centers = {
+            centerName: item.centerName,
+            description: item.description,
+            location: item.location,
+            latLng: item.latLng,
+            featured: item.featured,
+            centerImg: item.centerImg,
+            status: item.status,
+            cId: item.cId
+          };
+          this.centers.push(center);
+        });
+        console.log(this.centers);
+      } else {
+        // alert('No Orders Found');
+      }
+    });
+  }
+
+}

src/config/services/center.ts

+export class Centers {
+    constructor(
+        public centerName: string,
+        public location: string,
+        public description: string,
+        public latLng: any,
+        public featured: boolean,
+        public centerImg: any,
+        public status: boolean,
+        public cId?: string,
+    ) {
+
+    }
+}
+
+export interface CenterData {
+    centerName: string;
+    location: string;
+    description: string;
+    latLng: any;
+    centerImg: any;
+    featured: boolean;
+    status: boolean;
+    cId: string;
+}

src/config/services/shopper.ts

+export interface Shopper {
+    name: string;
+    emailId: string;
+    phone: string;
+    caption: string;
+    profilePhoto: string;
+    status: boolean;
+    uid: string;
+    shopName: string;
+    address: string;
+    featured: boolean;
+    shopStatus: boolean;
+    centre: object;
+    rate: any;
+    workingHours: string;
+    featuredImage: string;
+}
+
+export interface ShopperData {
+    centre: object;
+    abn: string;
+    category: object;
+    name: string;
+    address: string;
+    emailId: string;
+    phone: string;
+    caption: string;
+    featured: boolean;
+    profilePic: any;
+    featuredImage: string;
+    shopStatus: boolean;
+    centerId: string;
+    uid: string;
+    shopName: string;
+    status: boolean;
+    rate: any;
+    workingHours: string;
+}
+

src/config/shopper.service.ts

+import { Injectable } from '@angular/core';
+import { AngularFireAuth } from '@angular/fire/auth';
+import { AngularFirestore, AngularFirestoreDocument, AngularFirestoreCollection } from '@angular/fire/firestore';
+import { Shopper } from './services/shopper';
+import * as firebase from 'firebase';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class ShoppersService {
+  shoppers: Shopper[] = [];
+  activeshoppers: Shopper[] = [];
+  constructor(
+    public afs: AngularFirestore,
+    public afAuth: AngularFireAuth,
+  ) {
+    this.featuredshopperList();
+  }
+
+  public async shopperList(centerId: string) {
+    const This = this;
+    const state = true;
+    const orderRef: AngularFirestoreCollection<any> = this.afs.collection('shoppers', ref => ref.where('centerId', '==', centerId)
+    .where('status', '==', state));
+    orderRef.valueChanges().subscribe((value) => {
+      this.shoppers = [];
+      const res = value;
+      if (res.length > 0) {
+        res.forEach((item) => {
+          console.log(item);
+          const shopper: Shopper = {
+            name: item.name,
+            emailId: item.emailId,
+            phone: item.phone,
+            uid: item.uid,
+            profilePhoto: item.profilePhoto,
+            status: item.status,
+            address: item.address,
+            featured: item.featured,
+            featuredImage:  item.featuredImage,
+            shopName: item.shopName,
+            shopStatus: item.shopStatus,
+            workingHours: item.workingHours,
+            caption: item.caption,
+            centre: item.centre,
+            rate: item.rate
+          };
+          this.shoppers.push(shopper);
+        });
+        console.log(this.shoppers);
+      } else {
+        // alert('No Orders Found');
+      }
+    });
+  }
+
+  public async featuredshopperList() {
+    const This = this;
+    const state = true;
+    const orderRef: AngularFirestoreCollection<any> = this.afs.collection('shoppers', ref => ref.where('featured', '==', state)
+    .where('status', '==', state));
+    orderRef.valueChanges().subscribe((value) => {
+      this.activeshoppers = [];
+      const res = value;
+      if (res.length > 0) {
+        res.forEach((item) => {
+          console.log(item);
+          const shopper: Shopper = {
+            name: item.name,
+            emailId: item.emailId,
+            phone: item.phone,
+            uid: item.uid,
+            profilePhoto: item.profilePhoto,
+            status: item.status,
+            address: item.address,
+            featured: item.featured,
+            featuredImage:  item.featuredImage,
+            shopName: item.shopName,
+            shopStatus: item.shopStatus,
+            workingHours: item.workingHours,
+            caption: item.caption,
+            centre: item.centre,
+            rate: item.rate
+          };
+          this.activeshoppers.push(shopper);
+        });
+        console.log(this.activeshoppers);
+      } else {
+        // alert('No Orders Found');
+      }
+    });
+  }
+
+}