refer page

src/app/pages/invite/invite-routing.module.ts

@@ -1,11 +1,3 @@
-/*
-  Authors : initappz (Rahul Jograna)
-  Website : https://initappz.com/
-  App Name : E-Learning App Template
-  This App Template Source code is licensed as per the
-  terms found in the Website https://initappz.com/license
-  Copyright and Good Faith Purchasers © 2021-present initappz.
-*/
 import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
 

src/app/pages/invite/invite.module.ts

@@ -1,11 +1,3 @@
-/*
-  Authors : initappz (Rahul Jograna)
-  Website : https://initappz.com/
-  App Name : E-Learning App Template
-  This App Template Source code is licensed as per the
-  terms found in the Website https://initappz.com/license
-  Copyright and Good Faith Purchasers © 2021-present initappz.
-*/
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';

src/app/pages/invite/invite.page.html

@@ -1,11 +1,3 @@
-<!--
-  Authors : initappz (Rahul Jograna)
-  Website : https://initappz.com/
-  App Name : E-Learning App Template
-  This App Template Source code is licensed as per the
-  terms found in the Website https://initappz.com/license
-  Copyright and Good Faith Purchasers © 2021-present initappz.
- -->
 <ion-header mode="ios" class="ion-no-border">
   <ion-toolbar>
     <ion-buttons slot="start" (click)="onBack()">
@@ -18,18 +10,30 @@
 </ion-header>
 
 <ion-content class="ion-padding">
-  <div class="chat" *ngFor="let item of [1,2,3,4,5,6,7,8,9]">
+  <div class="chat" *ngFor="let item of referData">
     <div class="flex">
       <div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/p3.jpg)'"></div>
       <div style="margin-left: 10px;">
-        <ion-label class="bold_text"> Tynish Obey </ion-label>
+        <ion-label class="bold_text"> {{item.firstname}} {{item.lastname}} </ion-label>
         <div style="display: flex;">
-          <ion-label class="grey_text"> +91 9876543210 </ion-label>
+          <ion-label class="grey_text"> {{item.email}} </ion-label>
         </div>
       </div>
     </div>
     <div class="column">
-      <ion-label class="invite"> Invite</ion-label>
+      <ion-label class="invite"> {{item.status}}</ion-label>
     </div>
   </div>
 </ion-content>
+
+<!--
+
+ array (size=5)
+          'added_date' => string '2022-06-14' (length=10)
+          'email' => string 'works+nn1@chiefsoft.com' (length=23)
+          'firstname' => string 'Olu' (length=3)
+          'lastname' => string 'Amey' (length=4)
+          'status' => string 'Pending' (length=7)
+
+          -->
+

src/app/pages/invite/invite.page.scss

@@ -1,11 +1,3 @@
-/*
-  Authors : initappz (Rahul Jograna)
-  Website : https://initappz.com/
-  App Name : E-Learning App Template
-  This App Template Source code is licensed as per the
-  terms found in the Website https://initappz.com/license
-  Copyright and Good Faith Purchasers © 2021-present initappz.
-*/
 ion-header {
   ion-toolbar {
     --background: var(--ion-color-primary);

src/app/pages/invite/invite.page.spec.ts

@@ -1,11 +1,3 @@
-/*
-  Authors : initappz (Rahul Jograna)
-  Website : https://initappz.com/
-  App Name : E-Learning App Template
-  This App Template Source code is licensed as per the
-  terms found in the Website https://initappz.com/license
-  Copyright and Good Faith Purchasers © 2021-present initappz.
-*/
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { IonicModule } from '@ionic/angular';
 

src/app/pages/invite/invite.page.ts

@@ -1,13 +1,8 @@
-/*
-  Authors : initappz (Rahul Jograna)
-  Website : https://initappz.com/
-  App Name : E-Learning App Template
-  This App Template Source code is licensed as per the
-  terms found in the Website https://initappz.com/license
-  Copyright and Good Faith Purchasers © 2021-present initappz.
-*/
-import { NavController } from '@ionic/angular';
 import { Component, OnInit } from '@angular/core';
+import {NavController} from "@ionic/angular";
+import {Router} from "@angular/router";
+import { WrenchService } from 'src/app/services/wrench.service';
+import {SessionDataProviderService} from "../../store/session-data-provider.service";
 
 @Component({
   selector: 'app-invite',
@@ -17,14 +12,42 @@ import { Component, OnInit } from '@angular/core';
 export class InvitePage implements OnInit {
 
   constructor(
-    private navctr: NavController
-  ) { }
+      private navctr: NavController,
+      private router: Router,
+      public sessionDataProviderService: SessionDataProviderService,
+      private wrenchService: WrenchService
+  ) {
+  }
 
   ngOnInit() {
+    this.getReferData();
   }
 
   onBack() {
     this.navctr.back();
   }
 
+  usrData: {
+    action:22010, member_id: number, uid: string, sessionid: string, limit:20, page:1,offset: 0
+  };
+  referTotalData:any;
+  referData: [];
+  getReferData(){
+    this.usrData = {action:22010,
+      member_id: this.sessionDataProviderService.member_id,
+      uid: this.sessionDataProviderService.member_uid,
+      sessionid: this.sessionDataProviderService.session ,
+      limit:20, page:1,offset: 0}
+
+    this.wrenchService.referHx(this.usrData).subscribe(
+        referTotalData => {
+          this.referTotalData = referTotalData;
+          console.log("REFER  RETURN->", this.referTotalData);
+          this.referData = this.referTotalData.result_list;
+          // debugger;
+          console.log("REFER RETURN DATA->", this.referData);
+        }
+    );
+
+  }
 }

src/app/services/wrench.service.ts

@@ -31,7 +31,12 @@ export class WrenchService {
         return this.getPostData('completemobileuser', reqData);
     }
 
+    referHx(reqData) {
+        return this.getPostData('refferhx', reqData);
+    }
+
 //
+
     signUpCountry(apiData) {
       /*
       array (size=3)