pending task

src/app/components/familypending/familypending.component.html

@@ -3,9 +3,13 @@
 </div>
 
 <ng-template #elseFulltag>
+  <ion-label class="bold_text">Task waiting for you.</ion-label>
   <ion-grid class="fam1">
     <ion-row class="pend-row" *ngFor="let item of myOffersData">
-      <ion-col class="famleft"></ion-col>
+      <ion-col class="famleft"
+               [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/offerslist/'+item.banner+')'"
+               [style.background-size]="contain"
+      ></ion-col>
       <ion-col class="mid_place">
         <ion-label class="sug_text">{{item.title}}</ion-label>
         <ion-button shape="round" (click)="startNewTasks(item)" fill="outline">Ready to Start</ion-button>

src/app/components/familypending/familypending.component.scss

@@ -363,7 +363,7 @@ ion-content {
   min-height: 100px;
   .famleft{
     background-image: url("https://www.wrenchboard.com/assets/images/apps/family/kids-waiting.jpg");
-    background-size: cover;
+    background-size: contain;
     background-repeat: no-repeat;
     width:100%;
     height: 130px;
@@ -373,6 +373,7 @@ ion-content {
     border-radius: 10px;
     background-color: aliceblue;
     margin: 5px 0px 10px 0px;
+    padding: 2px;
   }
   .mid_place{
     margin: auto;

src/app/components/familypending/familypending.component.ts

@@ -2,6 +2,7 @@ import { Component, OnInit } from '@angular/core';
 import {SessionDataProviderService} from "../../store/session-data-provider.service";
 import {AlertController} from "@ionic/angular";
 import {WrenchService} from "../../services/wrench.service";
+import {Router} from "@angular/router";
 
 @Component({
   selector: 'app-familypending',
@@ -11,15 +12,41 @@ import {WrenchService} from "../../services/wrench.service";
 export class FamilypendingComponent implements OnInit {
 
   constructor(
+      public router: Router,
       public sessionDataProviderService: SessionDataProviderService,
       private alertController:AlertController,
       private wrenchService: WrenchService) { }
 
   ngOnInit() {
-    this. getMyOffersData();
+    this.getMyOffersData();
   }
-  startNewTasks(item){
+  async startNewTasks(item){
 
+    // this.sessionDataProviderService.DestroySessionOnLogout();
+    // this.router.navigate(['login']);
+    //this.requestLogout();
+
+    const alert = await this.alertController.create({
+      header: "Start Now ?",
+      message: "Confirm you are start : "+ item.title ,
+      buttons: [
+        {
+          text: "Cancel",
+          role: "cancel",
+          handler: () => {
+            // this.getMyOffersData();
+          },
+        },
+        {
+          text: "Start Now",
+          handler: () => {
+           // this.sessionDataProviderService.DestroySessionOnLogout();
+            this.getMyOffersData();
+          },
+        },
+      ],
+    });
+    await alert.present();
   }
 
   usrData: {