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>

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

@@ -6,10 +6,11 @@
     margin: 0px;
     ion-list{
       ion-item{
+        border-radius: 10px;
         padding: 0px;
         margin: 0px;
-        font-size: 12px;
-        color:red;
+        font-size: 14px;
+        color:darkblue;
       }
 
     }

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

@@ -1,4 +1,8 @@
-import { Component, OnInit } from '@angular/core';
+import {Component, Input, OnInit} from '@angular/core';
+import {NavController} from "@ionic/angular";
+import {Router} from "@angular/router";
+import {SessionDataProviderService} from "../../store/session-data-provider.service";
+import {WrenchService} from "../../services/wrench.service";
 
 @Component({
   selector: 'app-interest-card',
@@ -6,9 +10,29 @@ import { Component, OnInit } from '@angular/core';
   styleUrls: ['./interest-card.component.scss'],
 })
 export class InterestCardComponent implements OnInit {
+@Input() intData:any;
+@Input() intResponse: any;
 
-  constructor() { }
+currData:any;
+  constructor(  private navctr: NavController,
+                private router: Router,
+                public sessionDataProviderService: SessionDataProviderService,
+                private wrenchService: WrenchService) {
 
-  ngOnInit() {}
+  }
 
+  ngOnInit() {
+    var tt = this.intData;
+    this.currData =  this.intData;
+ //   debugger;
+
+  }
+
+  approveStart(){
+    this.intResponse(this.intData, "APPROVED");
+  }
+
+  rejectStart(){
+    this.intResponse(this.intData, "REJECT");
+  }
 }

src/app/pages/jobintprocess/jobintprocess.page.html

@@ -48,7 +48,9 @@
             <ion-label>{{item.client_name}}</ion-label>
           </ion-item>
           <div class="ion-padding" slot="content">
-            <app-interest-card></app-interest-card>
+            <app-interest-card [intData]="item"
+            [intResponse]="intResponse"
+            ></app-interest-card>
           </div>
         </ion-accordion>
 <!--        <ion-accordion value="second">-->

src/app/pages/jobintprocess/jobintprocess.page.ts

@@ -15,6 +15,7 @@ export class JobintprocessPage implements OnInit {
 
   jobData: any;
   allInterest: any;
+  selected_job_uid:string='';
 
   constructor(      private navctr: NavController,
                     private router: Router,
@@ -29,14 +30,19 @@ export class JobintprocessPage implements OnInit {
     if (this.jobData==undefined){
       this.onBack();
     }
+    this.selected_job_uid  = this.jobData.job_uid;
     this.filterInterestList(this.allInterest);
   }
 
-  filterIntList:any;
+  filterIntList:[];
   filterInterestList(newAllInterest){
-    this.filterIntList = newAllInterest;
+    this.filterIntList = newAllInterest.filter((item)=> item.job_uid ==  this.selected_job_uid);
+   // his.jobsData = AllResult.filter((item) => item.status_description == 'ACTIVE')
   }
 
+  intResponse(itemData, approveStatus){
+    //alert("It is me");
+  }
 
 
   ngOnInit() {