family members

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

@@ -20,66 +20,49 @@
       </div>
     </div>
 
-    <ion-label class="color_text">$40</ion-label>
+<!--    <ion-label class="color_text">$40</ion-label>-->
 
     <div class="items">
       <div class="stud">
         <ion-icon slot="start" name="people" color="primary"></ion-icon>
-        <ion-label>9876 Students</ion-label>
+        <ion-label>10 Members</ion-label>
       </div>
       <div class="stud">
         <ion-icon slot="start" name="time" color="primary"></ion-icon>
-        <ion-label>2.5 hours</ion-label>
+        <ion-label>5 Tasks</ion-label>
       </div>
       <div class="stud">
         <ion-icon slot="start" name="document-text" color="primary"></ion-icon>
-        <ion-label>Certificate</ion-label>
+        <ion-label>10 Completed</ion-label>
       </div>
     </div>
 
     <ion-segment [(ngModel)]="tabs">
-      <ion-segment-button value="about">
-        <ion-label>About</ion-label>
+      <ion-segment-button value="members">
+        <ion-label>Members</ion-label>
       </ion-segment-button>
       <ion-segment-button value="lesson">
-        <ion-label>Lessons</ion-label>
+        <ion-label>Tasks</ion-label>
       </ion-segment-button>
       <ion-segment-button value="review">
-        <ion-label>Reviews</ion-label>
+        <ion-label>DECIDE THIS</ion-label>
       </ion-segment-button>
     </ion-segment>
 
-    <div *ngIf="tabs =='about'" class="about">
-      <ion-label class="head_text">Mentor</ion-label>
-
-      <div class="mentor" (click)="onMentor()">
+    <div *ngIf="tabs =='members'" class="lesson">
+      <div class="video" *ngFor="let item of [1,2,3,4,5,6]">
         <div class="left">
-          <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/p3.jpg)'"></div>
-          <div style="margin-left: 10px;">
-            <ion-label class="bold">Jonathon Williams</ion-label>
-            <ion-label class="grey">Senier UI/UX designer at google</ion-label>
+          <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/line.png)'"></div>
+
+          <div class="text">
+            <ion-label class="bold_text">Why Using Figma ?</ion-label>
+            <ion-label class="grey_text">10 mins</ion-label>
           </div>
         </div>
-        <ion-icon name="chatbubble-ellipses-outline" color="primary"></ion-icon>
+        <div class="right">
+          <ion-icon name="lock-closed-outline"></ion-icon>
+        </div>
       </div>
-
-      <ion-label class="head_text">About Course</ion-label>
-
-      <ion-label class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam, dolor, quasi
-        commodi
-      </ion-label>
-
-      <ion-label class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam, dolor, quasi
-        commodi
-      </ion-label>
-
-      <ion-label class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam, dolor, quasi
-        commodi
-      </ion-label>
-
-      <ion-label class="head_text">Tools</ion-label>
-
-      <ion-label>Figma</ion-label>
     </div>
 
     <div *ngIf="tabs =='lesson'" class="lesson">

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

@@ -9,7 +9,7 @@ import {Router} from "@angular/router";
 })
 export class FamilyPage implements OnInit {
 
-  tabs = 'about';
+  tabs = 'members';
 
   constructor(
       private navctr: NavController,

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

@@ -73,7 +73,7 @@ export class HomePage implements OnInit {
   }
   onDetails(item) {
     var pageToNavigate = 'detail';
-     alert(item.link_path);
+    // alert(item.link_path);
       switch (item.link_path){
         case 'referral':
           pageToNavigate = 'invite';