From 4c4aedf4fd4feb8d7e0039470a87b8fd51bebe13 Mon Sep 17 00:00:00 2001
From: "CHIEFSOFT\\ameye" <ameye@chiefsfot.com>
Date: Sat, 19 Aug 2023 08:13:53 -0400
Subject: [PATCH] task actions

---
 src/app/pages/activetask/activetask.page.html | 183 ++++++++----------
 src/app/pages/activetask/activetask.page.scss |   5 +-
 2 files changed, 82 insertions(+), 106 deletions(-)

diff --git a/src/app/pages/activetask/activetask.page.html b/src/app/pages/activetask/activetask.page.html
index d23133b..531d3c8 100644
--- a/src/app/pages/activetask/activetask.page.html
+++ b/src/app/pages/activetask/activetask.page.html
@@ -1,6 +1,6 @@
 
 <ion-content>
-  <div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/p4.jpg)'">
+  <div class="bg_image back_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/jobs/default.jpg)'">
     <div class="ion-padding">
       <ion-icon slot="start" name="arrow-back" class="back" (click)="onBack()"></ion-icon>
     </div>
@@ -9,7 +9,7 @@
   <div class="ion-padding">
     <div class="flex">
       <ion-label class="bold_text">{{jobData.title}}</ion-label>
-      <ion-icon slot="end" name="bookmark-outline" color="primary"></ion-icon>
+<!--      <ion-icon slot="end" name="bookmark-outline" color="primary"></ion-icon>-->
     </div>
 
     <div class="row">
@@ -69,16 +69,30 @@
     </div>
 
     <div *ngIf="tabs =='lesson'" class="lesson">
-      <div class="flex">
-        <ion-label class="bold">Most Popular Courses</ion-label>
-        <ion-label class="color">See all</ion-label>
-      </div>
+<!--      <div class="flex">-->
+<!--        <ion-label class="bold">Most Popular Courses</ion-label>-->
+<!--        <ion-label class="color">See all</ion-label>-->
+<!--      </div>-->
 
       <div class="sec">
-        <ion-label class="grey">Section 1 - Introduction</ion-label>
-        <ion-label class="color">15 min</ion-label>
+        <ion-label class="grey">Due Date:{{jobData.delivery_date}}</ion-label>
+        <ion-label class="color">{{jobData.contract}}</ion-label>
       </div>
 
+      <ion-card>
+        <ion-card-header>
+          <ion-card-subtitle>Send Updates</ion-card-subtitle>
+        </ion-card-header>
+
+        <ion-card-content>
+          <ion-textarea label="Your Message to Job Owner" placeholder="Type message here"  [(ngModel)]='yourmessage' ></ion-textarea>
+        </ion-card-content>
+
+        <ion-button color="secondary" expand="block" (click)="sendJobmarketMessage()">Send Updates</ion-button>
+        <ion-label class="description">{{interest_msg_status}}
+        </ion-label>
+      </ion-card>
+
       <div class="video" *ngFor="let item of [1,2]">
         <div class="left">
           <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/line.png)'"></div>
@@ -93,112 +107,73 @@
         </div>
       </div>
 
-      <div class="sec">
-        <ion-label class="grey">Section 2 - Figma Basic</ion-label>
-        <ion-label class="color">60 min</ion-label>
-      </div>
-
-
-      <div class="video" *ngFor="let item of [1,2,3,4,5,6]">
-        <div class="left">
-          <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/line.png)'"></div>
-
-          <div class="text">
-            <ion-label class="bold_text">Why Using Figma ?</ion-label>
-            <ion-label class="grey_text">10 mins</ion-label>
-          </div>
-        </div>
-        <div class="right">
-          <ion-icon name="lock-closed-outline"></ion-icon>
-        </div>
-      </div>
-
-      <div class="sec">
-        <ion-label class="grey">Section 3 - Let's Practice</ion-label>
-        <ion-label class="color">75 min</ion-label>
-      </div>
-
-
-      <div class="video" *ngFor="let item of [1,2,3,4,5,6]">
-        <div class="left">
-          <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/line.png)'"></div>
-
-          <div class="text">
-            <ion-label class="bold_text">Why Using Figma ?</ion-label>
-            <ion-label class="grey_text">10 mins</ion-label>
-          </div>
-        </div>
-        <div class="right">
-          <ion-icon name="lock-closed-outline"></ion-icon>
-        </div>
-      </div>
     </div>
 
     <div *ngIf="tabs =='review'" class="review_tab">
       <div class="total">
         <div class="star-rate">
-          <ion-icon name="star-half-outline" color="warning"></ion-icon>
-          <ion-label class="bold">4.8 (5456 Reviews)</ion-label>
+<!--          <ion-icon name="star-half-outline" color="warning"></ion-icon>-->
+          <ion-label class="bold">Task Actions</ion-label>
         </div>
-        <ion-label class="color">See all</ion-label>
+<!--        <ion-label class="color">See all</ion-label>-->
       </div>
 
-      <div class="story-item">
-        <div class="menu">
-          <div class="text">
-            <div class="select show">
-              <ion-icon slot="start" name="star" color="light" class="star_icon"></ion-icon>
-              <ion-label class="rate_num white">All</ion-label>
-            </div>
-            <div class="select">
-              <ion-icon slot="start" name="star" color="primary" class="star_icon"></ion-icon>
-              <ion-label class="rate_num">1</ion-label>
-            </div>
-            <div class="select">
-              <ion-icon slot="start" name="star" color="primary" class="star_icon"></ion-icon>
-              <ion-label class="rate_num">2</ion-label>
-            </div>
-            <div class="select">
-              <ion-icon slot="start" name="star" color="primary" class="star_icon"></ion-icon>
-              <ion-label class="rate_num">3</ion-label>
-            </div>
-            <div class="select">
-              <ion-icon slot="start" name="star" color="primary" class="star_icon"></ion-icon>
-              <ion-label class="rate_num">4</ion-label>
-            </div>
-            <div class="select">
-              <ion-icon slot="start" name="star" color="primary" class="star_icon"></ion-icon>
-              <ion-label class="rate_num">5</ion-label>
-            </div>
-          </div>
-        </div>
-      </div>
+      <ion-card>
+        <ion-card-header>
+          <ion-card-subtitle>Completed the task?</ion-card-subtitle>
+        </ion-card-header>
+
+        <ion-card-content>
+          <ion-button color="secondary" expand="block" >Send completion Message</ion-button>
+          <ion-label class="description">{{interest_status}}
+          </ion-label>
+        </ion-card-content>
+      </ion-card>
+
+      <ion-card color="warning">
+        <ion-card-header>
+          <ion-card-subtitle>Cancel the task?</ion-card-subtitle>
+        </ion-card-header>
+
+        <ion-card-content>
+          <ion-button color="secondary" expand="block" >Send cancellation request</ion-button>
+          <ion-label class="description">{{interest_status}}
+          </ion-label>
+        </ion-card-content>
+      </ion-card>
+
+<!--      <div class="story-item">-->
+<!--        <div class="menu">-->
+<!--          <div class="text">-->
+<!--            <div class="select show">-->
+<!--              <ion-icon slot="start" name="star" color="light" class="star_icon"></ion-icon>-->
+<!--              <ion-label class="rate_num white">All</ion-label>-->
+<!--            </div>-->
+<!--            <div class="select">-->
+<!--              <ion-icon slot="start" name="star" color="primary" class="star_icon"></ion-icon>-->
+<!--              <ion-label class="rate_num">1</ion-label>-->
+<!--            </div>-->
+<!--            <div class="select">-->
+<!--              <ion-icon slot="start" name="star" color="primary" class="star_icon"></ion-icon>-->
+<!--              <ion-label class="rate_num">2</ion-label>-->
+<!--            </div>-->
+<!--            <div class="select">-->
+<!--              <ion-icon slot="start" name="star" color="primary" class="star_icon"></ion-icon>-->
+<!--              <ion-label class="rate_num">3</ion-label>-->
+<!--            </div>-->
+<!--            <div class="select">-->
+<!--              <ion-icon slot="start" name="star" color="primary" class="star_icon"></ion-icon>-->
+<!--              <ion-label class="rate_num">4</ion-label>-->
+<!--            </div>-->
+<!--            <div class="select">-->
+<!--              <ion-icon slot="start" name="star" color="primary" class="star_icon"></ion-icon>-->
+<!--              <ion-label class="rate_num">5</ion-label>-->
+<!--            </div>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--      </div>-->
 
-      <div class="reviw_list" *ngFor="let item of [1,2,3,4,5]">
-        <div class="profile">
-          <div class="left">
-            <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/p2.jpg)'"></div>
-            <div style="margin-left: 10px;">
-              <ion-label class="bold">Jonathon Williams</ion-label>
-            </div>
-          </div>
-          <div class="right">
-            <div class="select">
-              <ion-icon slot="start" name="star" color="primary" class="star_icon"></ion-icon>
-              <ion-label class="rate_num">5</ion-label>
-            </div>
-            <ion-icon name="ellipsis-horizontal-circle-outline"></ion-icon>
-          </div>
-        </div>
-        <ion-label>The course is very good. the experience of the menter is very clear and easy to understand
-        </ion-label>
 
-        <div class="like">
-          <ion-icon slot="start" name="heart" color="danger" class="heart"></ion-icon>
-          <ion-label class="count">330</ion-label>
-          <ion-label class="time">2 Days ago</ion-label>
-        </div>
-      </div>
     </div>
 
   </div>
diff --git a/src/app/pages/activetask/activetask.page.scss b/src/app/pages/activetask/activetask.page.scss
index 8fd1874..357a756 100644
--- a/src/app/pages/activetask/activetask.page.scss
+++ b/src/app/pages/activetask/activetask.page.scss
@@ -1,9 +1,10 @@
 
 ion-content {
   .back_image {
-    width: 100%;
+    width: auto; //100%;
     height: 130px;
-
+    background-size: contain;
+    background-repeat: no-repeat;
     .back {
       font-size: 25px;
       color: white;