approve jobs

src/app/components/interest-card/interest-card.component.html

@@ -4,11 +4,11 @@
       <ion-list>
         <ion-item>
           <ion-icon aria-hidden="true" name="people" slot="start"></ion-icon>
-          <ion-label>Airplane Mode</ion-label>
+          <ion-label>{{intData.client_name}}</ion-label>
         </ion-item>
         <ion-item>
           <ion-icon aria-hidden="true" name="time" slot="start"></ion-icon>
-          <ion-label>Wi-Fi</ion-label>
+          <ion-label>Member Since : {{intData.client_added | date}}</ion-label>
         </ion-item>
       </ion-list>
     </ion-col>
@@ -17,33 +17,38 @@
     <ion-col>
       <ion-list lines="none">
         <ion-item>
-          <ion-label>Jobs</ion-label>
+          <ion-label>Job</ion-label>
         </ion-item>
         <ion-item>
-          <ion-label>Completed</ion-label>
+          <ion-label>Completed: {{intData.client_jobs_completed}}</ion-label>
         </ion-item>
         <ion-item>
-          <ion-label>Active :</ion-label>
+          <ion-label>Active: {{intData.client_jobs_active}}</ion-label>
         </ion-item>
         <ion-item>
-          <ion-label>Uncompleted : </ion-label>
+          <ion-label>Pening: {{intData.client_offers_pending}}</ion-label>
+        </ion-item>
+        <ion-item>
+          <ion-label>Uncompleted: {{intData.client_jobs_missed}} </ion-label>
         </ion-item>
       </ion-list>
     </ion-col>
     <ion-col>
-      <ion-card style="margin: 0px">
-<!--        <ion-card-header>-->
-<!--&lt;!&ndash;          <ion-card-title>Card Title</ion-card-title>&ndash;&gt;-->
-<!--          <ion-card-subtitle>Card Subtitle</ion-card-subtitle>-->
-<!--        </ion-card-header>-->
 
-        <ion-card-content>
-          <ion-button>Approve Start</ion-button>
+      <ion-grid>
+        <ion-row>
+          <ion-col style="padding: 10px">
+            <ion-button  expand="block" (click)="approveStart()">Approve Start</ion-button>
+          </ion-col>
+
+          <ion-col style="padding: 10px">
+            <ion-button expand="block" color="danger" (click)="rejectStart()">Reject</ion-button>
+          </ion-col>
+        </ion-row>
+      </ion-grid>
+
 
-          <ion-button color="danger">Reject</ion-button>
 
-        </ion-card-content>
-      </ion-card>
 
     </ion-col>
   </ion-row>