learn more

src/app/components/familiy-dash/familiy-dash.component.ts

@@ -82,6 +82,9 @@ export class FamiliyDashComponent implements OnInit {
     var pageToNavigate = "";
     // alert(item.link_path);
     switch (item.link_path) {
+      case 'learnmore':
+        pageToNavigate = 'learnmore';
+        break;
       case "referral":
         pageToNavigate = "invite";
         break;

src/app/components/familyhome/familyhome.component.ts

@@ -42,7 +42,9 @@ export class FamilyhomeComponent implements OnInit {
     var pageToNavigate = '';
    // debugger;
     switch (item.value.banner.action){
-
+      case 'learnmore':
+        pageToNavigate = 'learnmore';
+        break;
       case  "mytask":
         pageToNavigate = '/tabs/mytasks';
         break;

src/app/components/jobowner-dash/jobowner-dash.component.ts

@@ -21,6 +21,9 @@ export class JobownerDashComponent implements OnInit {
     var pageToNavigate = '';
     // alert(item.link_path);
     switch (item.link_path){
+      case 'learnmore':
+        pageToNavigate = 'learnmore';
+        break;
       case 'referral':
         pageToNavigate = 'invite';
         break;

src/app/pages/home/home.page.ts

@@ -221,6 +221,9 @@ export class HomePage implements OnInit {
   onDetails(item) {
     var pageToNavigate = "";
     switch (item.link_path) {
+      case 'learnmore':
+        pageToNavigate = 'learnmore';
+        break;
       case "referral":
         pageToNavigate = "invite";
         break;

src/app/pages/learnmore/learnmore.page.html

@@ -1,9 +1,38 @@
-<ion-header>
+<ion-header mode="ios" class="ion-no-border">
   <ion-toolbar>
-    <ion-title>learnmore</ion-title>
+    <ion-buttons slot="start" (click)="onBack()">
+      <ion-button>
+        <ion-icon name="arrow-back-outline"></ion-icon>
+      </ion-button>
+    </ion-buttons>
+    <ion-title>Learn More</ion-title>
   </ion-toolbar>
 </ion-header>
 
+
 <ion-content>
 
+  <ion-accordion-group>
+    <ion-accordion *ngFor="let item of learnMoreData" value="{{item.uid}}">
+      <ion-item class="arcord_head" slot="header" color="secondary">
+        <ion-label><span style="font-weight: bolder; color: #8b198e">{{item.topic}}</span> </ion-label>
+      </ion-item>
+      <div  class="ion-padding acc-item" slot="content" [innerHTML]="item.contents">
+<!--        {{item.contents}}-->
+      </div>
+    </ion-accordion>
+    <!--                    <ion-accordion value="second">-->
+    <!--                        <ion-item slot="header" color="light">-->
+    <!--                            <ion-label>Second Accordion</ion-label>-->
+    <!--                        </ion-item>-->
+    <!--                        <div class="ion-padding" slot="content">Second Content</div>-->
+    <!--                    </ion-accordion>-->
+    <!--                    <ion-accordion value="third">-->
+    <!--                        <ion-item slot="header" color="light">-->
+    <!--                            <ion-label>Third Accordion</ion-label>-->
+    <!--                        </ion-item>-->
+    <!--                        <div class="ion-padding" slot="content">Third Content</div>-->
+    <!--                    </ion-accordion>-->
+  </ion-accordion-group>
+
 </ion-content>

src/app/pages/learnmore/learnmore.page.ts

@@ -1,4 +1,10 @@
 import { Component, OnInit } from '@angular/core';
+import {Router} from "@angular/router";
+import {SessionDataProviderService} from "../../store/session-data-provider.service";
+import {WrenchService} from "../../services/wrench.service";
+import {TasksDataService} from "../../store/tasks-data.service";
+import {UsersoffersDataService} from "../../store/usersoffers-data.service";
+import {LoadingController, NavController} from "@ionic/angular";
 
 @Component({
   selector: 'app-learnmore',
@@ -7,9 +13,45 @@ import { Component, OnInit } from '@angular/core';
 })
 export class LearnmorePage implements OnInit {
 
-  constructor() { }
+  constructor( private router: Router,
+               public sessionDataProviderService: SessionDataProviderService,
+               private wrenchService: WrenchService,
+               private navctr: NavController,
+               private loadingCtrl: LoadingController,
+               public tasksDataService: TasksDataService,
+               public usersoffersDataService: UsersoffersDataService) { }
 
   ngOnInit() {
+    this.loadLearnMore();
+  }
+  onBack() {
+    this.navctr.back();
   }
 
+  reqData: {
+    action:number, member_id: number, uid: string, sessionid: string
+  };
+  learnMoreResult:any;
+  learnMoreData:any;
+  async loadLearnMore(){
+    const loading = await this.loadingCtrl.create({
+      message: 'Loading...',
+      duration: 2500,
+    });
+    this.reqData = {
+      action:14010,
+      member_id: this.sessionDataProviderService.member_id,
+      uid: this.sessionDataProviderService.member_uid,
+      sessionid: this.sessionDataProviderService.session
+    }
+
+    loading.present();
+    this.wrenchService.loadLearnMore(this.reqData).subscribe(
+        reqResult => {
+          loading.dismiss();
+          this.learnMoreResult = reqResult;
+          this.learnMoreData = this.learnMoreResult.result_list;
+        }
+    );
+  }
 }

src/app/services/wrench.service.ts

@@ -325,6 +325,10 @@ export class WrenchService {
         return this.getPostData("sendtaskmessage", messageData);
     }
 
+    loadLearnMore(userData){
+        return this.getPostData("learnmore", userData);
+    }
+
     activeJobMsgList(contractData){
         return this.getPostData("activejobmsglist", contractData);
     }