family penimng count

src/app/pages/family/family.page.html

@@ -132,14 +132,28 @@
     </div>
 
     <div *ngIf="tabs =='pending'" class="review_tab">
+
+      <ion-card>
+        <img alt="Silhouette of mountains" src="https://ionicframework.com/docs/img/demos/card-media.png" />
+        <ion-card-header>
+          <ion-card-title>No Pending</ion-card-title>
+          <ion-card-subtitle>You have 0 pending suggestions</ion-card-subtitle>
+        </ion-card-header>
+
+        <ion-card-content>
+          It's fun when the family recommends activities for your approval.  Any family member can log in to their profile and send what they are interested in.
+        </ion-card-content>
+      </ion-card>
+
       <div class="total">
         <div class="star-rate">
           <ion-icon name="star-half-outline" color="warning"></ion-icon>
-          <ion-label class="bold">0 Items</ion-label>
+          <ion-label class="bold">{{suggestion_total}} Items</ion-label>
         </div>
 <!--        <ion-label class="color">See all</ion-label>-->
       </div>
 
+
 <!--      <div class="story-item">-->
 <!--        <div class="menu">-->
 <!--          <div class="text">-->
@@ -192,7 +206,7 @@
 
         <div class="like">
 <!--          <ion-icon slot="start" name="heart" color="danger" class="heart"></ion-icon>-->
-          <ion-label class="count">Grace </ion-label>
+          <ion-label class="count">{{item.firstname}} </ion-label>
           <ion-label class="time">{{item.added}}</ion-label>
         </div>
       </div>

src/app/pages/family/family.page.ts

@@ -13,6 +13,7 @@ import {SessionDataProviderService} from "../../store/session-data-provider.serv
 export class FamilyPage implements OnInit {
 
   tabs = 'members';
+  suggestion_total:number=0;
 
   constructor(
       private navctr: NavController,
@@ -80,6 +81,7 @@ export class FamilyPage implements OnInit {
           this.familyPendingData = this.familyPendingTotalData.result_list;
           // debugger;
           console.log("FAMILY familyPendingData DATA->", this.familyPendingData);
+          this.suggestion_total = this.familyPendingData.length;
         }
     );