From cb3f523a6fe5b8de8512dd88d88f26cc25557503 Mon Sep 17 00:00:00 2001
From: "CHIEFSOFT\\ameye" <ameye@chiefsfot.com>
Date: Sun, 23 Jun 2024 23:08:19 -0400
Subject: [PATCH] send message

---
 .../pages/jobinterest/jobinterest.page.scss   |   2 +-
 .../pages/marketdetail/marketdetail.page.html | 132 ++++++++++--------
 2 files changed, 73 insertions(+), 61 deletions(-)

diff --git a/src/app/pages/jobinterest/jobinterest.page.scss b/src/app/pages/jobinterest/jobinterest.page.scss
index bf0d725..90dd338 100644
--- a/src/app/pages/jobinterest/jobinterest.page.scss
+++ b/src/app/pages/jobinterest/jobinterest.page.scss
@@ -56,7 +56,7 @@ ion-content {
 
   .color_text {
     margin-top: 10px;
-    font-size: 22px;
+    font-size: 16px;
     font-family: 'semi-bold';
     color: var(--ion-color-primary);
   }
diff --git a/src/app/pages/marketdetail/marketdetail.page.html b/src/app/pages/marketdetail/marketdetail.page.html
index 5f9589b..82942dc 100644
--- a/src/app/pages/marketdetail/marketdetail.page.html
+++ b/src/app/pages/marketdetail/marketdetail.page.html
@@ -27,34 +27,34 @@
 <!--        <ion-icon slot="end" name="bookmark-outline" color="primary"></ion-icon>-->
       </div>
 
-      <div class="row">
-<!--        <ion-label class="bg_text">{{jobData.offer_code}}</ion-label>-->
-        <div class="rate">
-          <!--        <ion-icon name="star-half-outline" color="warning"></ion-icon>-->
-          <ion-label class="review"> ({{jobData.interest_count}} interest count)</ion-label>
-        </div>
-      </div>
+<!--      <div class="row">-->
+<!--&lt;!&ndash;        <ion-label class="bg_text">{{jobData.offer_code}}</ion-label>&ndash;&gt;-->
+<!--        <div class="rate">-->
+<!--          &lt;!&ndash;        <ion-icon name="star-half-outline" color="warning"></ion-icon>&ndash;&gt;-->
+<!--          <ion-label class="review"> ({{jobData.interest_count ?? 0 }} interest count)</ion-label>-->
+<!--        </div>-->
+<!--      </div>-->
 
-      <ion-label class="color_text">Reward : {{jobData.price*0.01| number : '1.2-2'}} {{jobData.currency_code}}</ion-label>
+      <ion-label style="font-size: 16px; color: #0b5e86; font-weight: bolder;">Reward : {{jobData.price*0.01| number : '1.2-2'}} {{jobData.currency_code}}</ion-label>
 
       <div class="items">
         <div class="stud">
           <ion-icon style="font-size: 14px;" slot="start" name="time" color="primary"></ion-icon>
           <ion-label>Timeline: {{jobData.timeline_days}} days</ion-label>
         </div>
-        <!--      <div class="stud">-->
-        <!--        <ion-icon slot="start" name="document-text" color="primary"></ion-icon>-->
-        <!--        <ion-label>Certificate</ion-label>-->
-        <!--      </div>-->
+              <div class="stud">
+                <ion-icon slot="start" name="document-text" color="primary"></ion-icon>
+                <ion-label>({{jobData.interest_count ?? 0 }} interest count)</ion-label>
+              </div>
       </div>
 
       <ion-card *ngIf="interestStatus==false;"  style="margin: 0px 0px 15px 0px; background-color: aliceblue;">
         <ion-card-header>
-          <ion-card-subtitle>Interested in the task?</ion-card-subtitle>
+          <div style="font-weight: bolder;">Are you interested in the task?</div>
         </ion-card-header>
 
         <ion-card-content>
-          <ion-button color="secondary" size="small" expand="block" (click)="sendJobInterestMessage()">Send Interest Request to Owner</ion-button>
+          <ion-button color="secondary" size="small" style="font-weight: bolder;" expand="block" (click)="sendJobInterestMessage()">Send Interest Request to Owner</ion-button>
           <ion-label class="description">{{interest_status}}
           </ion-label>
         </ion-card-content>
@@ -87,24 +87,8 @@
         </div>
       </div>
 
-
-<!--      <ion-card *ngIf="interestStatus==true;">-->
-<!--        <img alt="Waiting Task" src="https://www.wrenchboard.com/assets/images/apps/waiting-task.jpg" />-->
-<!--        <ion-card-header>-->
-<!--          <ion-card-title>Waiting for feedback</ion-card-title>-->
-<!--          <ion-card-subtitle>Sent:  {{interestDate |date}}</ion-card-subtitle>-->
-<!--        </ion-card-header>-->
-
-<!--        <ion-card-content>-->
-<!--          You have already sent a notice of interest. If the owner accepts, you will receive a notification to start.-->
-<!--        </ion-card-content>-->
-<!--      </ion-card>-->
-
-
-
       <div *ngIf="tabs =='about'" class="about">
         <div style="padding: 13px; width: 100%;">
-<!--          <ion-label class="head_text">{{jobData.offer_code}}</ion-label>-->
           <div class="mentor">
             <div class="left">
               <div class="bg_image men_image" [style.backgroundImage]="'url('+session_image_server+'/'+curr_session+'/job/'+jobData.job_uid+')'"></div>
@@ -128,17 +112,6 @@
       </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="sec">-->
-        <!--        <ion-label class="grey">Section 3 - Let's Practice</ion-label>-->
-        <!--        <ion-label class="color">75 min</ion-label>-->
-        <!--      </div>-->
-
         <ion-card *ngIf="interestStatus==false;">
           <ion-card-header>
             <ion-card-subtitle>Interested in the task?</ion-card-subtitle>
@@ -152,7 +125,7 @@
         </ion-card>
 
         <ion-card *ngIf="interestStatus==true;">
-          <img alt="Silhouette of mountains" src="https://www.wrenchboard.com/assets/images/apps/waiting-task.jpg" />
+          <img alt="Task Waiting" src="https://www.wrenchboard.com/assets/images/apps/waiting-task.jpg" />
           <ion-card-header>
             <ion-card-title>Waiting for feedback</ion-card-title>
             <ion-card-subtitle>Sent:  {{interestDate |date}}</ion-card-subtitle>
@@ -165,24 +138,63 @@
       </div>
 
       <div *ngIf="tabs =='message'" class="lesson">
-      <div style="padding: 13px; width: 100%;">
-        <div style="background-color: aliceblue; width: 100%; border-radius: 10px; ">
-          <div style="font-size: 16px; font-weight: bolder; margin: 5px;">
-            Send Message to Task Owner
-          </div>
-          <div style="padding: 5px;">
-            <ion-textarea
-                    style="background-color: white; margin: 0px; height: 80px;"
-                    label="Your Message to Job Owner" placeholder="Type something here"  [(ngModel)]='yourmessage' ></ion-textarea>
-          </div>
-          <div style="padding: 5px;">
-            <ion-button color="secondary" shape="round" size="small"  expand="block" (click)="sendJobmarketMessage()">Send Message</ion-button>
-          </div>
-          <div *ngIf="interest_msg_status!='';" style="text-align: center; font-weight: bolder; color: #3dc2ff;">
-            <ion-label class="description">{{interest_msg_status}}</ion-label>
-          </div>
-        </div>
-      </div>
+        <ion-card style="background-color: aliceblue; margin: 0px;">
+          <ion-card-header>
+            <div style="font-weight: bolder; color: #1e2023;">Send Message to Task Owner?</div>
+          </ion-card-header>
+
+          <ion-card-content>
+
+            <div style="padding: 0px;">
+              <ion-textarea
+                      style="background-color: white; margin: 1px; height: 120px;"
+                      label="Your Message to Job Owner" placeholder="Type something here"  [(ngModel)]='yourmessage' ></ion-textarea>
+            </div>
+            <div style="padding: 0px; ">
+              <ion-grid>
+                <ion-row>
+                  <ion-col></ion-col>
+                  <ion-col>
+                    <ion-button color="secondary" shape="round" size="small" style="font-weight: bolder" expand="block" (click)="sendJobmarketMessage()">Send Message</ion-button>
+                  </ion-col>
+                </ion-row>
+              </ion-grid>
+            </div>
+            <div *ngIf="interest_msg_status!='';" style="text-align: center; font-weight: bolder; color: #3dc2ff;">
+              <ion-label class="description">{{interest_msg_status}}</ion-label>
+            </div>
+
+          </ion-card-content>
+        </ion-card>
+
+
+<!--      <div style="padding: 13px; width: 100%;">-->
+<!--        <div style="background-color: aliceblue; width: 100%; border-radius: 10px; ">-->
+<!--          <div style="font-size: 16px; font-weight: bolder; margin: 5px;">-->
+<!--            Send Message to Task Owner-->
+<!--          </div>-->
+<!--          <div style="padding: 5px;">-->
+<!--            <ion-textarea-->
+<!--                    style="background-color: white; margin: 5px; height: 140px;"-->
+<!--                    label="Your Message to Job Owner" placeholder="Type something here"  [(ngModel)]='yourmessage' ></ion-textarea>-->
+<!--          </div>-->
+<!--          <div style="padding: 5px 20px 10px 20px; ">-->
+<!--            <ion-grid>-->
+<!--              <ion-row>-->
+<!--                <ion-col></ion-col>-->
+<!--                <ion-col>-->
+<!--                  <ion-button color="secondary" shape="round" size="small" style="font-weight: bolder" expand="block" (click)="sendJobmarketMessage()">Send Message</ion-button>-->
+<!--                </ion-col>-->
+<!--              </ion-row>-->
+<!--            </ion-grid>-->
+<!--          </div>-->
+<!--          <div *ngIf="interest_msg_status!='';" style="text-align: center; font-weight: bolder; color: #3dc2ff;">-->
+<!--            <ion-label class="description">{{interest_msg_status}}</ion-label>-->
+<!--          </div>-->
+
+<!--        </div>-->
+<!--      </div>-->
+<!--        -->
       </div>