Job owner pages

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

@@ -13,70 +13,77 @@
 
 
   <ion-segment [(ngModel)]="tabs">
-    <ion-segment-button value="about">
+    <ion-segment-button value="refer">
       <ion-label>Refer</ion-label>
     </ion-segment-button>
-    <ion-segment-button value="lesson">
+    <ion-segment-button value="history">
       <ion-label>History</ion-label>
     </ion-segment-button>
   </ion-segment>
 
-  <ion-card>
-    <ion-card-header>
-      <ion-card-title>Card Title</ion-card-title>
-      <ion-card-subtitle>Card Subtitle</ion-card-subtitle>
-    </ion-card-header>
+  <div *ngIf="tabs =='refer'" class="refer">
+    <ion-card>
+      <ion-card-header>
+        <ion-card-title>Card Title</ion-card-title>
+        <ion-card-subtitle>Card Subtitle</ion-card-subtitle>
+      </ion-card-header>
 
-    <ion-card-content>
-      <ion-item lines="none">
-        <ion-icon slot="start" name="mail-outline"></ion-icon>
-        <ion-input type="email" placeholder="Email"  [(ngModel)]='email'></ion-input>
-      </ion-item>
+      <ion-card-content>
+        <ion-item lines="none">
+          <ion-icon slot="start" name="mail-outline"></ion-icon>
+          <ion-input type="email" placeholder="Email"  [(ngModel)]='email'></ion-input>
+        </ion-item>
 
-      <ion-item lines="none">
-        <ion-icon slot="start" name="lock-closed-outline"></ion-icon>
-        <ion-input type="text" placeholder="firstname"  [(ngModel)]='firstname'></ion-input>
-      </ion-item>
+        <ion-item lines="none">
+          <ion-icon slot="start" name="lock-closed-outline"></ion-icon>
+          <ion-input type="text" placeholder="firstname"  [(ngModel)]='firstname'></ion-input>
+        </ion-item>
 
-      <ion-item lines="none">
-        <ion-icon slot="start" name="lock-closed-outline"></ion-icon>
-        <ion-input type="text" placeholder="lastname"  [(ngModel)]='lastname'></ion-input>
-      </ion-item>
+        <ion-item lines="none">
+          <ion-icon slot="start" name="lock-closed-outline"></ion-icon>
+          <ion-input type="text" placeholder="lastname"  [(ngModel)]='lastname'></ion-input>
+        </ion-item>
 
-      <ion-grid>
-        <ion-row>
-          <ion-col>
-          </ion-col>
-          <ion-col>
-            <ion-button expand="block" (click)="sendRefer()">
-              Send
-            </ion-button>
-          </ion-col>
-        </ion-row>
-      </ion-grid>
-    </ion-card-content>
-  </ion-card>
-
-
-
-
-
-
-
-  <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"> {{item.firstname}} {{item.lastname}} </ion-label>
-        <div style="display: flex;">
-          <ion-label class="grey_text"> {{item.email}} </ion-label>
+        <ion-grid>
+          <ion-row>
+            <ion-col>
+            </ion-col>
+            <ion-col>
+              <ion-button expand="block" (click)="sendRefer()">
+                Send
+              </ion-button>
+            </ion-col>
+          </ion-row>
+        </ion-grid>
+      </ion-card-content>
+    </ion-card>
+  </div>
+  <div *ngIf="tabs =='history'" class="history">
+    <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"> {{item.firstname}} {{item.lastname}} </ion-label>
+          <div style="display: flex;">
+            <ion-label class="grey_text"> {{item.email}} </ion-label>
+          </div>
         </div>
       </div>
-    </div>
-    <div class="column">
-      <ion-label class="invite"> {{item.status}}</ion-label>
+      <div class="column">
+        <ion-label class="invite"> {{item.status}}</ion-label>
+      </div>
     </div>
   </div>
+
+
+
+
+
+
+
+
+
+
 </ion-content>
 
 <!--

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

@@ -14,6 +14,7 @@ export class InvitePage implements OnInit {
   @ViewChild('firstname') firstname;
   @ViewChild('lastname') lastname;
   @ViewChild('email') email;
+  tabs = 'refer';
 
   constructor(
       private navctr: NavController,