Job message

src/app/pages/jobmessage/jobmessage.page.html

@@ -21,6 +21,21 @@
 
     </div>
 
+    <div style="padding: 13px; width: 100%;" class="msg-list">
+      <ion-list>
+        <ion-item *ngFor="let item of messageResult;" lines="none">
+          <ion-grid class="msg-grid">
+            <ion-row><ion-col>{{item.msg_from}}</ion-col> </ion-row>
+            <ion-row><ion-col class="mdate">{{item.msg_date}}</ion-col> </ion-row>
+            <ion-row><ion-col class="mmsg">{{item.msg}}</ion-col></ion-row>
+            <ion-row><ion-col style="text-align: right;"><ion-button size="small" shape="round">Relply</ion-button> </ion-col></ion-row>
+            <!--        <ion-row><ion-col>FF</ion-col> </ion-row>-->
+          </ion-grid>
+        </ion-item>
+      </ion-list>
+    </div>
+
+
 
     <!--    <div class="row">-->
     <!--      <ion-label class="bg_text">3D Design</ion-label>-->

src/app/pages/jobmessage/jobmessage.page.scss

@@ -0,0 +1,60 @@
+.msg-list {
+  margin-top: 10px;
+
+  .msg-grid{
+    background-color: aliceblue;
+    border-radius: 5px;
+    margin:0px 20px 10px 0px;
+    .mdate{
+      font-weight: bolder;
+      color: darkorchid;
+      font-size: 12px;
+    }
+    .mmsg{
+      color: black;
+      font-size: 12px;
+      margin-left: 15px;
+    }
+  }
+
+  .head_text {
+    font-size: 18px;
+    font-family: 'semi-bold';
+    margin-bottom: 10px;
+  }
+
+  .mentor {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 20px;
+
+    .left {
+      display: flex;
+
+      .men_image {
+        height: 50px;
+        width: 50px;
+        border-radius: 100%;
+      }
+
+      .bold {
+        font-family: 'semi-bold';
+      }
+
+      .grey {
+        color: grey;
+        font-size: 14px;
+      }
+    }
+
+    ion-icon {
+      font-size: 25px;
+    }
+  }
+
+  .description {
+    color: grey;
+    margin-bottom: 5px;
+  }
+}

src/app/pages/jobmessage/jobmessage.page.ts

@@ -19,7 +19,7 @@ export class JobmessagePage implements OnInit {
   ) { }
 
   ngOnInit() {
-    // this.getPendingOffersData();
+    this.marketJobMessages();
   }
 
   onBack() {
@@ -29,6 +29,40 @@ export class JobmessagePage implements OnInit {
     this.navctr.back();
   }
 
+  reqData: {
+    action:number,
+    member_id: number,
+    uid: string,
+    sessionid: string,
+    page:number,
+    offer_code:string,
+    limit: number
+  };
 
+  messageTotalResult:any;
+  messageResult:any;
+  async marketJobMessages(){
+
+    this.reqData = {
+      action:15044,
+      member_id: this.sessionDataProviderService.member_id,
+      uid: this.sessionDataProviderService.member_uid,
+      sessionid: this.sessionDataProviderService.session,
+      page: 0,
+      offer_code: "",
+      limit: 20
+    };
+
+
+    this.wrenchService.marketJobMessages(this.reqData).subscribe(
+        messageTotalResult => {
+          this.messageTotalResult = messageTotalResult;
+          console.log("messageTotalResult  RETURN->", this.messageTotalResult);
+          this.messageResult = this.messageTotalResult.result_list;
+
+        }
+    );
+
+  }
 
 }

src/app/services/wrench.service.ts

@@ -159,6 +159,9 @@ export class WrenchService {
         return this.getPostData("message", reqData);
     }
 
+    marketJobMessages(reqData){
+        return this.getPostData("jobmessage", reqData);
+    }
     getFamilySampleTasks(reqData) {
         return this.getPostData("familysampletasks", reqData);
     }