Job activities components

src/app/components/taskactivities/taskactivities.component.html

@@ -0,0 +1,27 @@
+<div  class="lesson">
+  <!--      <div class="flex">-->
+  <!--        <ion-label class="bold">Most Popular Courses</ion-label>-->
+  <!--        <ion-label class="color">See all</ion-label>-->
+  <!--      </div>-->
+
+  <div class="sec">
+    <ion-label class="grey">Due Date:{{jobData.delivery_date | date }}</ion-label>
+    <ion-label class="color">{{jobData.contract}}</ion-label>
+  </div>
+
+
+  <div class="video {{item.who}}" *ngFor="let item of msgListData">
+    <div class="left">
+      <div class="bg_image men_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/msg/TEXT.svg)'"></div>
+
+      <div class="text">
+        <ion-label class="bold_text">{{item.msg_firstname}}-{{item.msg_date}}</ion-label>
+        <ion-label class="grey_text">{{item.message}}</ion-label>
+      </div>
+    </div>
+    <!--        <div class="right">-->
+    <!--&lt;!&ndash;          <ion-icon name="lock-closed-outline"></ion-icon>&ndash;&gt;-->
+    <!--        </div>-->
+  </div>
+
+</div>

src/app/components/taskactivities/taskactivities.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/taskactivities/taskactivities.component.spec.ts

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

src/app/components/taskactivities/taskactivities.component.ts

@@ -0,0 +1,54 @@
+import { Component, OnInit,Input } from '@angular/core';
+import {SessionDataProviderService} from "../../store/session-data-provider.service";
+import {WrenchService} from "../../services/wrench.service";
+
+@Component({
+  selector: 'app-taskactivities',
+  templateUrl: './taskactivities.component.html',
+  styleUrls: ['./taskactivities.component.scss'],
+})
+export class TaskactivitiesComponent implements OnInit {
+@Input('jobData') jobData:any;
+
+  constructor(
+      public sessionDataProviderService: SessionDataProviderService,
+      private wrenchService: WrenchService
+  ) { }
+
+  ngOnInit() {
+    console.log("IN COMPO ACT", this.jobData);
+    this.activeJobMsgList();
+  }
+  contrData: {
+    action:number,
+    member_id: number,
+    uid: string,
+    sessionid: string,
+    limit:20,
+    contract:string,
+    offset: 0
+  };
+  msgListTotalData:any;
+  msgListData:any;
+
+  activeJobMsgList(){
+    this.contrData = {
+      action:14011,
+      member_id: this.sessionDataProviderService.member_id,
+      uid: this.sessionDataProviderService.member_uid,
+      sessionid: this.sessionDataProviderService.session ,
+      limit:20,
+      contract: this.jobData.contract,
+      offset: 0}
+
+    this.wrenchService.activeJobMsgList(this.contrData).subscribe(
+        msgListTotalData => {
+          this.msgListTotalData = msgListTotalData;
+          // console.log("REFER  RETURN->", this.referTotalData);
+          this.msgListData = this.msgListTotalData.result_list;
+          console.log("REFER RETURN DATA->", this.msgListData);
+        }
+    );
+
+  }
+}