job message

src/app/pages/profile/profile.module.ts

@@ -1,11 +1,3 @@
-/*
-  Authors : initappz (Rahul Jograna)
-  Website : https://initappz.com/
-  App Name : E-Learning App Template
-  This App Template Source code is licensed as per the
-  terms found in the Website https://initappz.com/license
-  Copyright and Good Faith Purchasers © 2021-present initappz.
-*/
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
@@ -15,6 +7,7 @@ import { IonicModule } from '@ionic/angular';
 import { ProfilePageRoutingModule } from './profile-routing.module';
 
 import { ProfilePage } from './profile.page';
+import {HelpListingComponent} from "../../components/help-listing/help-listing.component";
 
 @NgModule({
   imports: [
@@ -23,6 +16,6 @@ import { ProfilePage } from './profile.page';
     IonicModule,
     ProfilePageRoutingModule
   ],
-  declarations: [ProfilePage]
+  declarations: [ProfilePage,HelpListingComponent]
 })
 export class ProfilePageModule { }

src/app/pages/profile/profile.page.html

@@ -208,3 +208,40 @@
 
 
 </ion-content>
+
+<ion-modal  [isOpen]="isModalOpen">
+    <ng-template>
+        <ion-header  class="modal-head">
+            <ion-toolbar>
+                <ion-title>Help</ion-title>
+                <ion-buttons slot="end">
+                    <ion-button (click)="setCloseModal()">Close</ion-button>
+                </ion-buttons>
+            </ion-toolbar>
+        </ion-header>
+        <ion-content class="ion-padding">
+            <app-help-listing></app-help-listing>
+        </ion-content>
+        <ion-footer>
+            <ion-grid style="background-color: lightgray;">
+                <ion-row>
+                    <ion-col>
+
+                    </ion-col>
+                    <ion-col style="text-align: right;">
+                        <ion-button
+                                (click)="setCloseModal()"
+                                shape="round"
+                                size="small"
+                                color="danger">
+                            Close
+                        </ion-button>
+                    </ion-col>
+                </ion-row>
+            </ion-grid>
+        </ion-footer>
+    </ng-template>
+
+
+
+</ion-modal>

src/app/pages/profile/profile.page.ts

@@ -2,6 +2,7 @@ import { Router } from '@angular/router';
 import { Component, OnInit } from '@angular/core';
 import { SessionDataProviderService } from 'src/app/store/session-data-provider.service';
 import {AlertController} from "@ionic/angular";
+import {HelpDataService} from "../../store/help-data.service";
 
 @Component({
   selector: 'app-profile',
@@ -18,7 +19,8 @@ export class ProfilePage implements OnInit {
   constructor(
     private router: Router,
     private alertController:AlertController,
-    public sessionDataProviderService:SessionDataProviderService
+    public sessionDataProviderService:SessionDataProviderService,
+    public helpDataService:HelpDataService
   ) {
     this.accountType = sessionDataProviderService.account_type;
   }
@@ -62,7 +64,7 @@ export class ProfilePage implements OnInit {
 
   onPreferences(){}
   onHistory(){}
-  onHelp(){}
+
   onInvite() {
     this.router.navigate(['invite']);
   }
@@ -97,7 +99,17 @@ export class ProfilePage implements OnInit {
     });
     await alert.present();
   }
+  isModalOpen:boolean=false;
+  onHelp() {
+    this.helpDataService.getHelpData();
 
+    this.isModalOpen = true;
+  }
+
+  setCloseModal(){
+    // debugger;
+    this.isModalOpen = false;
+  }
   // async requestLogout() {
   //   const alert = await this.alertController.create({
   //     header: "Log out",