Style for work worker

src/app/pages/mytasks/mytasks.page.ts

@@ -1,73 +1,83 @@
-import { Router } from '@angular/router';
-import { Component, OnInit } from '@angular/core';
-import { WrenchService } from 'src/app/services/wrench.service';
-import {SessionDataProviderService} from "../../store/session-data-provider.service";
-import {TasksDataService} from "../../store/tasks-data.service";
-import {UsersoffersDataService} from "../../store/usersoffers-data.service";
+import { Router } from "@angular/router";
+import { Component, OnInit } from "@angular/core";
+import { WrenchService } from "src/app/services/wrench.service";
+import { SessionDataProviderService } from "../../store/session-data-provider.service";
+import { TasksDataService } from "../../store/tasks-data.service";
+import { UsersoffersDataService } from "../../store/usersoffers-data.service";
 
 @Component({
-  selector: 'app-mytasks',
-  templateUrl: './mytasks.page.html',
-  styleUrls: ['./mytasks.page.scss'],
+  selector: "app-mytasks",
+  templateUrl: "./mytasks.page.html",
+  styleUrls: ["./mytasks.page.scss"],
 })
 export class MytasksPage implements OnInit {
-
-
-  tabs: any = 'tasks';
-  extraData:any;
-    active_offers_count:number =0;
-    active_job_count:number =0;
-    pastdue_job_count:number =0;
-    review_job_count:number =0;
-    session_image_server:string='';
-    curr_session:string='';
+  tabs: any = "tasks";
+  extraData: any;
+  active_offers_count: number = 0;
+  active_job_count: number = 0;
+  pastdue_job_count: number = 0;
+  review_job_count: number = 0;
+  session_image_server: string = "";
+  curr_session: string = "";
 
   constructor(
-      private router: Router,
-      public sessionDataProviderService: SessionDataProviderService,
-      private wrenchService: WrenchService,
-      public tasksDataService:TasksDataService,
-      public usersoffersDataService:UsersoffersDataService
+    private router: Router,
+    public sessionDataProviderService: SessionDataProviderService,
+    private wrenchService: WrenchService,
+    public tasksDataService: TasksDataService,
+    public usersoffersDataService: UsersoffersDataService
   ) {
-   // this.extraData  =  this.router.getCurrentNavigation().extras.state;
-   // debugger;
+    addEventListener('mytask_tab_pastdue', () => {
+      this.tabs="pastdue";
+    });
+
+    addEventListener('mytask_tab_review', () => {
+      this.tabs="review";
+    });
+
+    addEventListener('mytask_tab_active', () => {
+      this.tabs="tasks";
+    });
+
+
   }
 
-  myOffersData :[];
+  myOffersData: [];
   ngOnInit() {
     //  debugger;
     this.refreshJobsData();
     this.getJobsData();
   }
 
-  startOfferPage(){
-    this.router.navigate(['joboffers']);
+  startOfferPage() {
+    this.router.navigate(["joboffers"]);
   }
   activeSelected(item) {
-    this.router.navigate(['activetask'],{state: item});
+    this.router.navigate(["activetask"], { state: item });
   }
 
   usrData: {
-    action:number,
-    member_id: number,
-    uid: string, sessionid: string,
-    limit:20,
-    page:0,
-    offset: 0,
-    job_mode: string,
-    allstatus: number
+    action: number;
+    member_id: number;
+    uid: string;
+    sessionid: string;
+    limit: 20;
+    page: 0;
+    offset: 0;
+    job_mode: string;
+    allstatus: number;
   };
 
-    jobsTotalInReviewData:any;
-    jobsInReviewData: [];
+  jobsTotalInReviewData: any;
+  jobsInReviewData: [];
 
-    jobsTotalPastDueData:any;
-    jobsPastDueData: [];
+  jobsTotalPastDueData: any;
+  jobsPastDueData: [];
 
-    jobsTotalData:any;
-    jobsData: [];
+  jobsTotalData: any;
+  jobsData: [];
 
-  async refreshJobsData(){
+  async refreshJobsData() {
     this.jobsData = this.tasksDataService.jobsData;
     this.jobsPastDueData = this.tasksDataService.jobsPastDueData;
     this.jobsInReviewData = this.tasksDataService.jobsInReviewData;
@@ -77,27 +87,23 @@ export class MytasksPage implements OnInit {
     this.pastdue_job_count = this.tasksDataService.pastdue_job_count;
     this.review_job_count = this.tasksDataService.review_job_count;
 
+    this.myOffersData = this.usersoffersDataService.myOffersData;
 
-    this.myOffersData =  this.usersoffersDataService.myOffersData;
+    this.active_offers_count = this.usersoffersDataService.total_offers;
 
-    this.active_offers_count =  this.usersoffersDataService.total_offers;
-
-    console.log("Any OFFERRRR-> :::: ",this.active_offers_count);
+    console.log("Any OFFERRRR-> :::: ", this.active_offers_count);
   }
-  async getJobsData(){
-
-    this.curr_session =  this.sessionDataProviderService.session;
-    var interval = setInterval( ()=> {
-       this.refreshJobsData();
+  async getJobsData() {
+    this.curr_session = this.sessionDataProviderService.session;
+    var interval = setInterval(() => {
+      this.refreshJobsData();
     }, 5000);
-
   }
 
   activeSeleted(item) {
-    this.router.navigate(['activetask'],{state: item});
+    this.router.navigate(["activetask"], { state: item });
   }
 
-
   // getPastDueJobsData(){
   //
   //   this.usrData = {action:11200, member_id: this.sessionDataProviderService.member_id, uid: this.sessionDataProviderService.member_uid,
@@ -115,7 +121,6 @@ export class MytasksPage implements OnInit {
   //
   // }
 
-
   // getInReviewJobsData(){
   //
   //   this.usrData = {action:11200,
@@ -135,5 +140,4 @@ export class MytasksPage implements OnInit {
   //   );
   //
   // }
-
 }