workers page

src/app/components/workers-dash/workers-dash.component.html

@@ -1,4 +1,4 @@
-<div style="height: 320px;" *ngIf="BANNER_MODE == 3; ">
+<div style="height: 280px;" *ngIf="BANNER_MODE == 3; ">
     <ion-grid class="extra-grid">
         <ion-row>
             <ion-col class="ext-col" (click)="activeTasks()">

src/app/components/workers-dash/workers-dash.component.scss

@@ -8,12 +8,12 @@
 .extra-grid{
   margin: 10px 0px 10px 0px;
   padding: 0px;
-  height: 160px;
+  height: 140px;
   .ext-col{
     padding: 5px;
 
     //background-color: #2dd36f;
-    height: 160px;
+    height: 140px;
     .ext-in{
       &.bg{
         background-image: url("https://www.wrenchboard.com/assets/images/apps/xt/task.png");
@@ -41,7 +41,7 @@
         }
       }
       background-color: antiquewhite;
-      height: 150px;
+      height: 130px;
       border-radius: 10px;
 
       box-shadow: 1px 1px lightgray;
@@ -50,7 +50,7 @@
       .ban-text{
         font-size: 24px;
         font-weight: bolder;
-        padding-top: 60px;
+        padding-top: 40px;
         padding-left: 20px;
         // color: #8b198e;
       }

src/app/components/workers-dash/workers-dash.component.ts

@@ -35,6 +35,7 @@ export class WorkersDashComponent implements OnInit {
       public sessionDataProviderService: SessionDataProviderService,
       public usersoffersDataService:UsersoffersDataService) {
     this.refreshJobsData();
+    this.getJobsData();
   }
 
   ngOnInit() {}
@@ -81,16 +82,23 @@ export class WorkersDashComponent implements OnInit {
   }
 
   pastDue(){
-    //this.router.navigate(['activetask'],{state: item});
-    this.router.navigate(['tabs/mytasks']);
+    let item: {
+      'tab': 'PASTDUE'
+    };
+    this.router.navigate(['tabs/mytasks'],{state: item});
   }
   reView(){
-///tabs/mytasks
-    this.router.navigate(['tabs/mytasks']);
+    let item: {
+      'tab': 'REVIEW'
+    };
+    this.router.navigate(['tabs/mytasks'],{state: item});
   }
 
   activeTasks(){
-    this.router.navigate(['tabs/mytasks']);
+    let item: {
+      'tab': 'ACTIVE'
+    };
+    this.router.navigate(['tabs/mytasks'],{state: item});
   }
   onDetails(item) {
     // var pageToNavigate = 'detail';