WrenchBoard/WrenchBoardIonic2023
2
0
Fork 0
Code Issues Pull Requests Releases Activity

send message

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2024-06-23 23:08:19 -04:00
parent c2842467c5
commit cb3f523a6f
2 changed files with 73 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/jobinterest/jobinterest.page.scss
+1 -1
View File
@@ -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);
}
src/app/pages/marketdetail/marketdetail.page.html
+72 -60
View File
@@ -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>