owners Jobs

src/app/pages/ownersjob/ownersjob.page.html

@@ -71,11 +71,20 @@
                                 <ion-select-option value="1">1 Day</ion-select-option>
                                 <ion-select-option value="2">2 Days</ion-select-option>
                                 <ion-select-option value="3">3 Days</ion-select-option>
+                                <ion-select-option value="4">4 Days</ion-select-option>
+                                <ion-select-option value="5">5 Days</ion-select-option>
+                                <ion-select-option value="6">6 Days</ion-select-option>
+                                <ion-select-option value="7">1 Week</ion-select-option>
+                                <ion-select-option value="14">2 Weeks</ion-select-option>
                             </ion-select>
                         </ion-col>
                     </ion-row>
                     <ion-row>
-                        <ion-col><ion-button size="small" shape="round" color="secondary">Place Task to the Market</ion-button></ion-col>
+                        <ion-col class="act_but">
+                            <ion-button size="small"
+                                             shape="round"
+                                             color="secondary"
+                        (click)="sendOfferToMarket()">Place Task to the Market</ion-button></ion-col>
                     </ion-row>
                     <ion-row>
                         <ion-col>.</ion-col>
@@ -89,7 +98,34 @@
             <ion-item slot="header" color="light">
               <ion-label>Assign to individual</ion-label>
             </ion-item>
-            <div class="ion-padding" slot="content">Second Content</div>
+            <div class="ion-padding" slot="content">
+
+                <ion-grid>
+                    <ion-row>
+                        <ion-col>Recipient Email</ion-col>
+                    </ion-row>
+                    <ion-row>
+                        <ion-col>
+                            <ion-list>
+                                <ion-item>
+                                    <ion-input label="Email of recipient" placeholder="Enter Recipient Email" maxlength="35"></ion-input>
+                                </ion-item>
+                            </ion-list>
+                        </ion-col>
+                    </ion-row>
+                    <ion-row>
+                        <ion-col class="act_but">
+                            <ion-button size="small"
+                                             shape="round"
+                                             color="secondary"
+                                             (click)="sendOfferToIndividual()">Send offer to individual</ion-button></ion-col>
+                    </ion-row>
+                    <ion-row>
+                        <ion-col>.</ion-col>
+                    </ion-row>
+                </ion-grid>
+
+            </div>
           </ion-accordion>
         </ion-accordion-group>
       </div>

src/app/pages/ownersjob/ownersjob.page.scss

@@ -90,6 +90,9 @@ ion-content {
     background-color: aliceblue;
     margin-top: 15px;
     min-height: 250px;
+    .act_but{
+      text-align: right;
+    }
   }
 
   .about {

src/app/pages/ownersjob/ownersjob.page.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import {NavController} from "@ionic/angular";
+import {LoadingController, NavController} from "@ionic/angular";
 import {Router} from "@angular/router";
 import {SessionDataProviderService} from "../../store/session-data-provider.service";
 import {WrenchService} from "../../services/wrench.service";
@@ -19,7 +19,8 @@ export class OwnersjobPage implements OnInit {
       private navctr: NavController,
       private router: Router,
       public sessionDataProviderService: SessionDataProviderService,
-      private wrenchService: WrenchService
+      private wrenchService: WrenchService,
+      private loadingCtrl: LoadingController
   ) {
 
     this.jobData  =  this.router.getCurrentNavigation().extras.state?.jobData;
@@ -37,4 +38,23 @@ export class OwnersjobPage implements OnInit {
     //this.activeJobMsgList();
   }
 
+  async sendOfferToIndividual(){
+    const loading = await this.loadingCtrl.create({
+      message: 'Sending...',
+      duration: 5000,
+    });
+
+    loading.present();
+
+  }
+
+  async sendOfferToMarket(){
+    const loading = await this.loadingCtrl.create({
+      message: 'Sending...',
+      duration: 5000,
+    });
+
+    loading.present();
+
+  }
 }