active jobs filters

src/app/pages/mytasks/mytasks.page.html

@@ -65,19 +65,19 @@
     </div>
 
     <div *ngIf="tabs =='pastdue'">
+      <div *ngIf="pastdue_job_count == 0">
+        <ion-card>
+          <img alt="WrenchBoard Past Due" src="https://www.wrenchboard.com/assets/images/apps/pastdue-task.png" />
+          <ion-card-header>
+            <ion-card-title>Past Due</ion-card-title>
+            <!--        <ion-card-subtitle>Card Subtitle</ion-card-subtitle>-->
+          </ion-card-header>
 
-      <ion-card>
-        <img alt="WrenchBoard Past Due" src="https://www.wrenchboard.com/assets/images/apps/pastdue-task.png" />
-        <ion-card-header>
-          <ion-card-title>Past Due</ion-card-title>
-          <!--        <ion-card-subtitle>Card Subtitle</ion-card-subtitle>-->
-        </ion-card-header>
-
-        <ion-card-content>
-          You do not have any task past due.
-        </ion-card-content>
-      </ion-card>
-
+          <ion-card-content>
+            You do not have any task past due.
+          </ion-card-content>
+        </ion-card>
+      </div>
       <div class="chat" *ngFor="let item of jobsPastDueData;" >
         <div class="flex">
           <div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/taskbanners/'+item.banner+')'"></div>
@@ -102,18 +102,20 @@
     </div>
 
     <div *ngIf="tabs =='review'">
+      <div *ngIf="review_job_count == 0">
+        <ion-card>
+          <img alt="Silhouette of mountains" src="https://www.wrenchboard.com/assets/images/apps/review-task.png" />
+          <ion-card-header>
+            <ion-card-title>In Review</ion-card-title>
+            <!--        <ion-card-subtitle>Card Subtitle</ion-card-subtitle>-->
+          </ion-card-header>
 
-      <ion-card>
-        <img alt="Silhouette of mountains" src="https://www.wrenchboard.com/assets/images/apps/review-task.png" />
-        <ion-card-header>
-          <ion-card-title>In Review</ion-card-title>
-          <!--        <ion-card-subtitle>Card Subtitle</ion-card-subtitle>-->
-        </ion-card-header>
+          <ion-card-content>
+            No task is currently in review.
+          </ion-card-content>
+        </ion-card>
+      </div>
 
-        <ion-card-content>
-          No task is currently in review.
-        </ion-card-content>
-      </ion-card>
 
       <div class="chat" *ngFor="let item of jobsInReviewData;">
         <div class="flex">