suggest page

src/app/pages/home/home.page.html

@@ -36,22 +36,22 @@
     </ion-grid>
 
     <div class="lesson">
-      <div class="video" *ngFor="let item of [1,2,3,4,5,6]">
+      <div class="video" *ngFor="let item of familySuggestData">
         <div class="left">
-          <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/line.png)'"></div>
+          <div class="bg_image men_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/jobs/'+item.banner+''"></div>
 
           <div class="text">
-            <ion-label class="bold_text">Why Using Figma ?</ion-label>
-            <ion-label class="grey_text">10 mins</ion-label>
+            <ion-label class="bold_text">{{item.title}}</ion-label>
+            <ion-label class="grey_text">{{item.description}}</ion-label>
           </div>
         </div>
         <div class="right">
-          <ion-icon name="lock-closed-outline"></ion-icon>
+          <ion-icon name="chevron-forward-outline"></ion-icon>
         </div>
       </div>
     </div>
 
-    
+
   </div>
   <ng-template #elseFulltag>
     <div class="offer">

src/app/pages/home/home.page.ts

@@ -41,7 +41,7 @@ export class HomePage implements OnInit {
       }
 
       if (this.accountType == 'FAMILY'){
-
+         this.getFamilySuggestList();
       }
 
     }
@@ -56,7 +56,7 @@ export class HomePage implements OnInit {
     }
 
     if (this.accountType == 'FAMILY'){
-
+      this.getFamilySuggestList();
     }
   }
   blogResult:any;
@@ -80,10 +80,15 @@ export class HomePage implements OnInit {
   // 'action' => int 11200
   //
   usrData: {
-   action:11200, member_id: number, uid: string, sessionid: string
+   action:number, member_id: number, uid: string,
+    sessionid: string,
+    'limit': 30,
+    'offset': 0
   };
   getBannersData(){
-    this.usrData = {action:11200, member_id: this.sessionDataProviderService.member_id, uid: this.sessionDataProviderService.member_uid, sessionid: this.sessionDataProviderService.session }
+    this.usrData = {action:11200, member_id: this.sessionDataProviderService.member_id, uid: this.sessionDataProviderService.member_uid,
+      sessionid: this.sessionDataProviderService.session,'limit': 30,
+      'offset': 0 }
     this.wrenchService.getHomeBanners(this.usrData).subscribe(
         bannerResult => {
           this.bannerResult = bannerResult;
@@ -94,7 +99,26 @@ export class HomePage implements OnInit {
         //  this.blogDataService.setBlogData(this.blogResult.blog_data);
         }
     );
+  }
 
+  familySuggestResult:any;
+  familySuggestData:any;
+  getFamilySuggestList(){
+    this.usrData = {
+      action:13010,
+      member_id: this.sessionDataProviderService.member_id,
+      uid: this.sessionDataProviderService.member_uid,
+      sessionid: this.sessionDataProviderService.session,
+      'limit': 30,
+      'offset': 0
+    };
+    this.wrenchService.familySuggestList(this.usrData).subscribe(
+        familySuggestResult => {
+          this.familySuggestResult = familySuggestResult;
+          console.log("familySuggestResult RETURN->", this.familySuggestResult);
+          this.familySuggestData = this.familySuggestResult.result_list;
+        }
+    );
   }
   onDetails(item) {
    // var pageToNavigate = 'detail';

src/app/services/wrench.service.ts

@@ -191,6 +191,9 @@ export class WrenchService {
         return this.getPostData("sendmoney", sendmoneyData);
     }
 
+    familySuggestList(usrData){
+        return this.getPostData("familysuggestlist", usrData);
+    }
     // END POINT FOR WORKER TO MARK TASK AS COMPLETED
     workerJobAction(reqData) {
         var postData = {