job message
This commit is contained in:
@@ -95,10 +95,10 @@
|
||||
|
||||
<div class="video {{item.who}}" *ngFor="let item of msgListData">
|
||||
<div class="left">
|
||||
<div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/line.png)'"></div>
|
||||
<div class="bg_image men_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/msg/TEXT.svg)'"></div>
|
||||
|
||||
<div class="text">
|
||||
<ion-label class="bold_text">{{item.msg_date}}</ion-label>
|
||||
<ion-label class="bold_text">{{item.msg_firstname}}-{{item.msg_date}}</ion-label>
|
||||
<ion-label class="grey_text">{{item.message}}</ion-label>
|
||||
</div>
|
||||
</div>
|
||||
@@ -141,39 +141,6 @@
|
||||
</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>
|
||||
|
||||
</div>
|
||||
|
||||
@@ -113,7 +113,35 @@
|
||||
<!-- </ion-label>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<div *ngIf="tabs =='activities'" class="lesson">
|
||||
<div *ngIf="tabs =='activities'" 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">Due Date:{{jobData.delivery_date}}</ion-label>
|
||||
<ion-label class="color">{{jobData.contract}}</ion-label>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="video {{item.who}}" *ngFor="let item of msgListData">
|
||||
<div class="left">
|
||||
<div class="bg_image men_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/msg/TEXT.svg)'"></div>
|
||||
|
||||
<div class="text">
|
||||
<ion-label class="bold_text">{{item.msg_firstname}}-{{item.msg_date}}</ion-label>
|
||||
<ion-label class="grey_text">{{item.message}}</ion-label>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="right">-->
|
||||
<!--<!– <ion-icon name="lock-closed-outline"></ion-icon>–>-->
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div *ngIf="tabs =='activities222'" class="lesson">
|
||||
<!-- <div class="flex">-->
|
||||
<!-- <ion-label class="bold">Most Popular Courses</ion-label>-->
|
||||
<!-- <ion-label class="color">See all</ion-label>-->
|
||||
@@ -158,19 +186,20 @@
|
||||
|
||||
<div *ngIf="tabs =='message'" class="lesson">
|
||||
|
||||
<ion-card>
|
||||
<ion-card-header>
|
||||
<ion-card-subtitle>Send Message to task owner</ion-card-subtitle>
|
||||
</ion-card-header>
|
||||
|
||||
<ion-card-content>
|
||||
<ion-textarea label="Your Message to Job Owner" placeholder="Type something here" [(ngModel)]='yourmessage' ></ion-textarea>
|
||||
</ion-card-content>
|
||||
<ion-card>
|
||||
<ion-card-header>
|
||||
<ion-card-subtitle>Send Message</ion-card-subtitle>
|
||||
</ion-card-header>
|
||||
|
||||
<ion-button color="secondary" expand="block" (click)="sendJobmarketMessage()">Send Message</ion-button>
|
||||
<ion-label class="description">{{interest_msg_status}}
|
||||
</ion-label>
|
||||
</ion-card>
|
||||
<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)="sendActiveJobMessage()">Send Updates</ion-button>
|
||||
<ion-label class="description">{{interest_msg_status}}
|
||||
</ion-label>
|
||||
</ion-card>
|
||||
|
||||
|
||||
<!-- <div class="video">-->
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
import {Component, OnInit, ViewChild} from '@angular/core';
|
||||
import {NavController} from "@ionic/angular";
|
||||
import {Router} from "@angular/router";
|
||||
import {SessionDataProviderService} from "../../store/session-data-provider.service";
|
||||
@@ -10,6 +10,7 @@ import {WrenchService} from "../../services/wrench.service";
|
||||
styleUrls: ['./jobactive.page.scss'],
|
||||
})
|
||||
export class JobactivePage implements OnInit {
|
||||
@ViewChild('yourmessage') yourmessage;
|
||||
|
||||
jobData: any;
|
||||
tabs = 'activities';
|
||||
@@ -29,12 +30,78 @@ export class JobactivePage implements OnInit {
|
||||
|
||||
|
||||
ngOnInit() {
|
||||
this.activeJobMsgList();
|
||||
}
|
||||
|
||||
onBack() {
|
||||
this.navctr.back();
|
||||
}
|
||||
|
||||
contrData: {
|
||||
action:number,
|
||||
member_id: number,
|
||||
uid: string,
|
||||
sessionid: string,
|
||||
limit:20,
|
||||
contract:string,
|
||||
offset: 0
|
||||
};
|
||||
msgListTotalData:any;
|
||||
msgListData: [];
|
||||
activeJobMsgList(){
|
||||
this.contrData = {
|
||||
action:14011,
|
||||
member_id: this.sessionDataProviderService.member_id,
|
||||
uid: this.sessionDataProviderService.member_uid,
|
||||
sessionid: this.sessionDataProviderService.session ,
|
||||
limit:20,
|
||||
contract: this.jobData.contract,
|
||||
offset: 0}
|
||||
|
||||
this.wrenchService.activeJobMsgList(this.contrData).subscribe(
|
||||
msgListTotalData => {
|
||||
this.msgListTotalData = msgListTotalData;
|
||||
// console.log("REFER RETURN->", this.referTotalData);
|
||||
this.msgListData = this.msgListTotalData.result_list;
|
||||
console.log("REFER RETURN DATA->", this.msgListData);
|
||||
}
|
||||
);
|
||||
|
||||
}
|
||||
|
||||
reqData: {
|
||||
action:number, member_id: number, uid: string, sessionid: string, msg_type:string,
|
||||
contract:string,
|
||||
message:string
|
||||
};
|
||||
|
||||
interest_status:string = "";
|
||||
interest_msg_status:string = "";
|
||||
|
||||
msgReqResult:any;
|
||||
sendActiveJobMessage(){
|
||||
if (this.yourmessage.length < 5){
|
||||
alert("Enter Message to send");
|
||||
return;
|
||||
}
|
||||
|
||||
this.reqData = {action:14010,
|
||||
member_id: this.sessionDataProviderService.member_id,
|
||||
uid: this.sessionDataProviderService.member_uid,
|
||||
sessionid: this.sessionDataProviderService.session ,
|
||||
msg_type: "TEXT",
|
||||
contract:this.jobData.contract,
|
||||
message: this.yourmessage
|
||||
}
|
||||
|
||||
this.wrenchService.sendTaskMessage(this.reqData).subscribe(
|
||||
reqResult => {
|
||||
this.msgReqResult = reqResult;
|
||||
console.log("msgReqResult RETURN->", this.msgReqResult);
|
||||
this.interest_msg_status = this.msgReqResult?.status;
|
||||
this.activeJobMsgList();
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
|
||||
ion-content {
|
||||
.back_image {
|
||||
width: 100%;
|
||||
height: 130px;
|
||||
min-width: 50px;
|
||||
height: auto;
|
||||
|
||||
.back {
|
||||
font-size: 25px;
|
||||
@@ -10,6 +10,8 @@ ion-content {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
+7
-1
@@ -125,4 +125,10 @@ ion-modal.custom_modal_bottom {
|
||||
font-family: 'bold';
|
||||
color:green;
|
||||
}
|
||||
|
||||
.SENDER{
|
||||
background-color: yellow;
|
||||
margin-left: 50px;
|
||||
}
|
||||
.RECIPIENT{
|
||||
margin-right: 50px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user