msg

src/app/pages/jobreview/jobreview.page.html

@@ -46,18 +46,21 @@
         </div>
       </div>
 
-      <ion-card  style="background-color: lavender; margin-bottom: 10px;">
-        <ion-card-content>
-          This job is in review, you can accept or reject completion.
-        </ion-card-content>
-          <ion-grid style="background-color: white;">
-              <ion-row>
-                  <ion-col> <ion-button color="danger" expand="block" fill="outline" (click)="rejectCompletetion()">Reject</ion-button></ion-col>
-                  <ion-col></ion-col>
-                  <ion-col><ion-button color="secondary" expand="block" fill="solid" (click)="acceptCompletetion()">Accept</ion-button></ion-col>
-              </ion-row>
-          </ion-grid>
-      </ion-card>
+    <div style=" margin-bottom: 30px;">
+        <ion-card  style="background-color: lavender;">
+            <ion-card-content>
+                This job is in review, you can accept or reject completion.
+            </ion-card-content>
+            <ion-grid style="background-color: white;">
+                <ion-row>
+                    <ion-col> <ion-button color="danger" expand="block" fill="outline" (click)="rejectCompletetion()">Reject</ion-button></ion-col>
+                    <ion-col></ion-col>
+                    <ion-col><ion-button color="secondary" expand="block" fill="solid" (click)="acceptCompletetion()">Accept</ion-button></ion-col>
+                </ion-row>
+            </ion-grid>
+        </ion-card>
+    </div>
+
 
 
       <ion-segment  class="common_segment" [(ngModel)]="tabs">

src/app/pages/jobreview/jobreview.page.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import {NavController} from "@ionic/angular";
+import {AlertController, NavController} from "@ionic/angular";
 import {Router} from "@angular/router";
 import {SessionDataProviderService} from "../../store/session-data-provider.service";
 import {WrenchService} from "../../services/wrench.service";
@@ -19,10 +19,15 @@ export class JobreviewPage implements OnInit {
       private navctr: NavController,
       private router: Router,
       public sessionDataProviderService: SessionDataProviderService,
-      private wrenchService: WrenchService
+      private wrenchService: WrenchService,
+      private alertController:AlertController
   ) {
     this.jobData  =  this.router.getCurrentNavigation().extras.state;
     this.item_banner = this.jobData.banner;
+
+    if ( this.jobData == undefined){
+      this.onBack();
+    }
   }
 
 
@@ -36,11 +41,51 @@ export class JobreviewPage implements OnInit {
     this.navctr.back();
   }
 
-  acceptCompletetion(){
-
+  async acceptCompletetion(){
+    const alert = await this.alertController.create({
+      header: "Approve Completion",
+      message: "Confirm you are ready accept completion.",
+      buttons: [
+        {
+          text: "Cancel",
+          role: "cancel",
+          handler: () => {
+            // this.getMyOffersData();
+          },
+        },
+        {
+          text: "Approve",
+          handler: () => {
+            // this.sessionDataProviderService.DestroySessionOnLogout();
+            // this.router.navigate(['logout']);
+          },
+        },
+      ],
+    });
+    await alert.present();
   }
 
-  rejectCompletetion(){
-
+  async rejectCompletetion(){
+    const alert = await this.alertController.create({
+      header: "Reject Completion",
+      message: "Confirm you are ready to reject completion.",
+      buttons: [
+        {
+          text: "Cancel",
+          role: "cancel",
+          handler: () => {
+            // this.getMyOffersData();
+          },
+        },
+        {
+          text: "Send Reject",
+          handler: () => {
+            // this.sessionDataProviderService.DestroySessionOnLogout();
+            // this.router.navigate(['logout']);
+          },
+        },
+      ],
+    });
+    await alert.present();
   }
 }