pening interest

src/app/components/waitinterest/waitinterest.component.html

@@ -0,0 +1,17 @@
+<div  class="lesson">
+
+  <div class="video" *ngFor="let item of interestJobsData" (click)="jobInterest(item)">
+    <div class="left">
+      <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/line.png)'"></div>
+
+      <div class="text">
+        <ion-label class="bold_text">{{item.title}}</ion-label>
+        <ion-label class="grey_text">{{item.description}}</ion-label>
+        <ion-label class="price_line">{{item.offer_code}}   {{item.price*0.01}} {{item.currency}}  </ion-label>
+        <ion-label class="due_date">Received: {{item.sent}}</ion-label>
+      </div>
+    </div>
+    <div class="right">
+      <ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
+    </div>
+  </div>

src/app/components/waitinterest/waitinterest.component.scss

@@ -0,0 +1,57 @@
+.lesson {
+  margin-top: 20px;
+
+  .bold {
+    font-family: 'semi-bold';
+  }
+
+  .color {
+    color: var(--ion-color-primary);
+  }
+
+  .grey {
+    color: grey;
+  }
+
+  .sec {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 10px;
+  }
+
+  .video {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    background-color: white;
+    padding: 15px;
+    box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.1);
+    border-radius: 10px;
+    margin-top: 20px;
+
+    .left {
+      display: flex;
+    }
+
+    .men_image {
+      height: 40px;
+      width: 40px;
+      border-radius: 100%;
+    }
+
+    .text {
+      margin-left: 10px;
+    }
+
+    .bold_text {
+      font-size: 16px;
+      font-family: 'bold';
+    }
+
+    .grey_text {
+      font-size: 14px;
+      color: grey;
+    }
+  }
+}

src/app/components/waitinterest/waitinterest.component.spec.ts

@@ -0,0 +1,24 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { WaitinterestComponent } from './waitinterest.component';
+
+describe('WaitinterestComponent', () => {
+  let component: WaitinterestComponent;
+  let fixture: ComponentFixture<WaitinterestComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ WaitinterestComponent ],
+      imports: [IonicModule.forRoot()]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(WaitinterestComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/components/waitinterest/waitinterest.component.ts

@@ -0,0 +1,45 @@
+import {Component, Input, OnInit} from '@angular/core';
+import {SessionDataProviderService} from "../../store/session-data-provider.service";
+import {WrenchService} from "../../services/wrench.service";
+
+@Component({
+  selector: 'app-waitinterest',
+  templateUrl: './waitinterest.component.html',
+  styleUrls: ['./waitinterest.component.scss'],
+})
+export class WaitinterestComponent implements OnInit {
+  //@Input('interestJobsData') interestJobsData:any;
+  constructor(     public sessionDataProviderService: SessionDataProviderService,
+                   private wrenchService: WrenchService) { }
+
+  ngOnInit() {
+    this.getInterestList();
+  }
+  usrData: {
+    action: number, member_id: number, uid: string, sessionid: string, limit: 20, page: 1, offset: 0
+  };
+
+  interestTotalData: any;
+  interestJobsData: [];
+  total_jobs: number = 0;
+
+  getInterestList() {
+    this.usrData = {
+      action: 13005,
+      member_id: this.sessionDataProviderService.member_id,
+      uid: this.sessionDataProviderService.member_uid,
+      sessionid: this.sessionDataProviderService.session,
+      limit: 20, page: 1, offset: 0
+    }
+
+    this.wrenchService.getWaitingInterest(this.usrData).subscribe(
+        interestTotalData => {
+          this.interestTotalData = interestTotalData;
+          console.log("interestTotalData  RETURN->", this.interestTotalData);
+          this.interestJobsData = this.interestTotalData.result_list;
+          this.total_jobs = this.interestJobsData.length;
+          console.log("jobManagerJobsData RETURN DATA->", this.interestJobsData);
+        }
+    );
+  }
+}