applicant-title from service

frontend/angular/src/app/components/message-engine/message-engine.component.html

@@ -4,7 +4,7 @@
             <div class="ui-g-12 ui-md-12">
                 <div *ngIf="embedded" class="main-tab-template pl-1 h-45">
                     <div class="chief-officer mb-0">
-                        {{jobApplication?.Candidate?.User?.Name}}
+                        {{heading}}
                     </div>
                     <a class="arrow-btn-blue ml-0 ng-star-inserted minimize" (click)="minimize.emit()">
                         <span class="ui-icon-close" title="Close"></span>
@@ -15,7 +15,7 @@
                         <a [routerLink]="[previousUrl]" class="arrow-btn-blue ml-0">
                             <img src="assets/images/arrow-left-prev_blue.svg" alt="Back">
                         </a>
-                        {{jobApplication?.Job?.JobTitle}} - {{jobApplication?.Job?.HiringTeam?.HiringTeamName}}
+                        {{heading}}
                     </div>
                 </div>
                 <div class="ui-g ui-fluid {{embedded ? '' : 'form' }}">
@@ -110,7 +110,7 @@
                     <a [routerLink]="[previousUrl]" class="arrow-btn-blue ml-0" *ngIf="!embedded">
                         <img src="assets/images/arrow-left-prev_blue.svg" alt="Back">
                     </a>
-                    Please select an application and a user...
+                    {{heading}}
                 </div>
                 <a class="arrow-btn-blue ml-0 ng-star-inserted minimize" *ngIf="embedded" (click)="minimize.emit()">
                     <span class="ui-icon-close" title="Close"></span>

frontend/angular/src/app/components/message-engine/message-engine.component.ts

@@ -47,6 +47,7 @@ export class MessageEngineComponent extends BaseComponent implements OnInit {
     loggedInId = null;
     showLoader = false;
     previousUrl: string;
+    heading = 'Please select an application and a user...';
 
     constructor(
         private router: Router,
@@ -119,12 +120,14 @@ export class MessageEngineComponent extends BaseComponent implements OnInit {
         this.createdObjs = {};
 
         const assocs =
-            [ASSOCS.JOB, [ASSOCS.JOB, ASSOCS.HIRING_TEAM].join('.'), ASSOCS.MESSAGES, [ASSOCS.MESSAGES, ASSOCS.SENT_BY].join('.'),
-                [ASSOCS.MESSAGES, ASSOCS.ATTACHMENTS].join('.'), [ASSOCS.CANDIDATE, ASSOCS.USER].join('.')];
+            [ASSOCS.MESSAGES, [ASSOCS.MESSAGES, ASSOCS.SENT_BY].join('.'), [ASSOCS.MESSAGES, ASSOCS.ATTACHMENTS].join('.'),
+             [ASSOCS.CANDIDATE, ASSOCS.USER].join('.')];
 
         this.subscriptions.push(this.messageEngineService.getJobApplicationByID(this.jobApplicationID, assocs)
             .subscribe(
                 data => {
+                    this.heading = this.embedded ? this.jobApplication.Candidate.User.Name :
+                        this.applicantPortalLayoutService.userData.PageTitle;
                     this.jobApplication = data;
                     this.jobApplication.Messages = this.jobApplication.Messages || [];
                     this.utilsService.sort(this.jobApplication.Messages, ['ObjectCreated'], [1]);