family task

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

@@ -14,10 +14,10 @@
     </div>
 
     <div class="row">
-      <ion-label class="bg_text">3D Design</ion-label>
       <div class="rate">
-        <ion-icon name="star-half-outline" color="warning"></ion-icon>
-        <ion-label class="review">4.8 (4478 reviews)</ion-label>
+
+        <ion-button size="small" fill="outline"><ion-icon name="star-half-outline" color="warning"></ion-icon> 0 Task waiting to start</ion-button>
+<!--        <ion-label class="review"></ion-label>-->
       </div>
     </div>
 
@@ -26,15 +26,15 @@
     <div class="items">
       <div class="stud">
         <ion-icon slot="start" name="people" color="primary"></ion-icon>
-        <ion-label>10 Members</ion-label>
+        <ion-label>{{total_family}} Members</ion-label>
       </div>
       <div class="stud">
         <ion-icon slot="start" name="time" color="primary"></ion-icon>
-        <ion-label>5 Tasks</ion-label>
+        <ion-label>0 Tasks</ion-label>
       </div>
       <div class="stud">
         <ion-icon slot="start" name="document-text" color="primary"></ion-icon>
-        <ion-label>10 Completed</ion-label>
+        <ion-label>0 Completed</ion-label>
       </div>
     </div>
 

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

@@ -14,6 +14,7 @@ export class FamilyPage implements OnInit {
 
   tabs = 'members';
   suggestion_total:number=0;
+  total_family:number = 0;
 
   constructor(
       private navctr: NavController,
@@ -60,6 +61,7 @@ export class FamilyPage implements OnInit {
           this.familyData = this.familyTotalData.result_list;
           // debugger;
           console.log("FAMILY RETURN DATA->", this.familyData);
+          this.total_family = this.familyData.length;
         }
     );