jobs listing

frontend/angular/src/app/my-career-web/assessment/work-preference/work-preference.component.html

@@ -45,7 +45,7 @@
                     <hr class="mt-5">
 
                     <div class="d-flex justify-content-center mt-5">
-                        <button class="ui-button-info mc-btn-primary" (click)="initiateWorkPreference(true)" *ngIf="workPreferenceQuestion.QuestionNo > 1" pButton label="Go Back"></button>
+                        <button class="ui-button-info mc-btn-primary" [disabled]="isLoading" (click)="initiateWorkPreference(true)" *ngIf="workPreferenceQuestion.QuestionNo > 1" pButton label="Go Back"></button>
                     </div>
                 </ng-container>
 

frontend/angular/src/app/my-career-web/config/constants.ts

@@ -30,6 +30,7 @@ export const CLASSES = {
     INTRO: 'performa.orm.IntroductionLetter',
     ILWorkExperience: 'performa.orm.ILWorkExperience',
     ILSkill: 'performa.orm.ILSkill',
+    Job: 'performa.orm.Job',
 };
 
 export const SERVICES = {
@@ -47,6 +48,7 @@ export const SERVICES = {
     LOGIN_LINKEDIN: 'LoginWithLinkedIn',
     LOGIN_GOOGLE: 'LoginWithGoogle',
     INTRODUCTION_LETTERS: 'IntroductionLetters',
+    APPLICANT_TALENT_JOBS: 'ApplicantTalentJobs',
 };
 
 export const SEARCH = {

frontend/angular/src/app/my-career-web/dashboard/profile-tasks/profile-tasks.component.ts

@@ -55,11 +55,16 @@ export class ProfileTasksComponent extends BaseComponent {
             t.completed = false;
             t.inProgress = false;
             t.started = false;
-            if (t.key === 'CompletedPercentageCH' && this.careerProfile[t.key] >= 100 && !this.careerProfile.PublishProfile) {
-                this.careerProfile[t.key] = 99;
-            }
             if (this.careerProfile[t.key] >= 100) {
-                t.completed = true;
+                if (t.key === 'CompletedPercentageCH') {
+                    if (this.careerProfile[t.key] === 100) {
+                        this.careerProfile[t.key] = 99;
+                    } else {
+                        t.completed = true;
+                    }
+                } else {
+                    t.completed = true;
+                }
             } else if (this.careerProfile[t.key] > 0 && this.careerProfile[t.key] <= 100) {
                 t.inProgress = true;
             }

frontend/angular/src/app/my-career-web/jobs/job/job.component.ts

@@ -3,7 +3,7 @@ import { Component, OnInit } from '@angular/core';
 @Component({
   selector: 'app-job',
   templateUrl: './job.component.html',
-  styleUrls: ['./job.component.css']
+  styleUrls: ['./job.component.scss']
 })
 export class JobComponent implements OnInit {
 

frontend/angular/src/app/my-career-web/jobs/jobs.module.ts

@@ -4,12 +4,18 @@ import { CommonModule } from '@angular/common';
 import { JobsRouting } from './jobs.routing';
 import { JobsComponent } from './jobs/jobs.component';
 import { JobComponent } from './job/job.component';
+import { McSharedModule } from '../mc-shared/mc-shared.module';
 
 @NgModule({
-  imports: [
-    CommonModule,
-    JobsRouting
-  ],
-  declarations: [JobsComponent, JobComponent]
+    imports: [
+        CommonModule,
+        JobsRouting,
+        McSharedModule
+    ],
+    declarations: [
+        JobsComponent,
+        JobComponent
+    ]
 })
-export class JobsModule { }
+export class JobsModule {
+}

frontend/angular/src/app/my-career-web/jobs/jobs.routing.ts

 import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
+import { JobsComponent } from './jobs/jobs.component';
+import { JobComponent } from './job/job.component';
 
-const routes: Routes = [];
+const routes: Routes = [
+    {
+        path: '',
+        component: JobsComponent
+    },
+    {
+        path: 'new',
+        component: JobComponent
+    },
+    {
+        path: ':id',
+        component: JobComponent
+    }
+];
 
 @NgModule({
   imports: [RouterModule.forChild(routes)],

frontend/angular/src/app/my-career-web/jobs/jobs/jobs.component.html

-<p>
-  jobs works!
-</p>
+<div class="mc-page">
+
+    <div class="mc-page-header">
+        <div class="mc-page-header-logo">
+            <img src="assets/my-career-web/images/MATCHD_LOGO.jpg" alt="">
+        </div>
+    </div>
+
+    <div class="mc-page-body container">
+        <div class="mc-card">
+            <app-overlay [isActive]="isLoading"></app-overlay>
+
+            <div class="mc-page-body-heading">Jobs</div>
+
+            <div class="d-flex justify-content-end">
+                <button class="mc-btn-primary" pButton routerLink="/my-career-web/jobs/new" label="Add Job"></button>
+            </div>
+
+            <div class="d-flex justify-content-end mt-3" style="margin-right: 40px;">
+                <span style="margin-right: 20px;">Include Completed Jobs:</span>
+                <p-inputSwitch [(ngModel)]="includeCompleted" (onChange)="getJobApplicants()"></p-inputSwitch>
+
+            </div>
+
+            <div class="applicant-jobs">
+                <div class="applicant-job" *ngIf="applicantJobs.length === 0">
+                    <div class="job-title text-center" style="flex: 1;">No jobs found. </div>
+                </div>
+
+                <div class="applicant-job" *ngFor="let applicantJob of applicantJobs;">
+                    <div class="applicant-job-title">{{applicantJob.JobTitle}} - {{applicantJob.Employer}} </div>
+                    <div class="applicant-job-status">{{applicantJob.JobStatus.Description}}</div>
+                    <button class="mc-btn-secondary" pButton label="Edit" routerLink="/my-career-web/jobs/{{applicantJob.ObjectID}}"></button>
+                </div>
+
+            </div>
+
+        </div>
+    </div>
+</div>

frontend/angular/src/app/my-career-web/jobs/jobs/jobs.component.scss

+@import "../../../../styles/my-career-styles/variables";
+
+.applicant-jobs {
+    margin-top: 24px;
+
+    .applicant-job {
+        border: 1px solid #f2f2f2;
+        padding: 15px 20px 10px;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        transition: .3s;
+
+        &-title {
+            flex: 0 0 300px;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            overflow: hidden;
+        }
+
+        &:hover {
+            background: #f2f2f2;
+        }
+
+        .mc-btn-secondary {
+            min-width: 100px;
+            height: 40px;
+        }
+    }
+}
+
+
+@media screen and (max-width: 1024px) {
+
+    .mc-btn-primary {
+        min-width: 100% !important;
+        margin-top: 20px;
+    }
+
+}

frontend/angular/src/app/my-career-web/jobs/jobs/jobs.component.ts

 import { Component, OnInit } from '@angular/core';
+import { BaseComponent } from '../../base/base.component';
+import { JobService } from '../../services/job.service';
+import { takeUntil } from 'rxjs/operators';
+import { UtilsService } from '../../../oneit/services/utils.service';
+import { ApplicantJobModel } from '../../models/applicant-job.model';
 
 @Component({
-  selector: 'app-jobs',
-  templateUrl: './jobs.component.html',
-  styleUrls: ['./jobs.component.css']
+    selector: 'app-jobs',
+    templateUrl: './jobs.component.html',
+    styleUrls: ['./jobs.component.scss']
 })
-export class JobsComponent implements OnInit {
 
-  constructor() { }
+export class JobsComponent extends BaseComponent implements OnInit {
 
-  ngOnInit() {
-  }
+    assocs = [];
+    includeCompleted = false;
+    applicantJobs: ApplicantJobModel[] = [];
+
+    constructor(
+        private utilsService: UtilsService,
+        private jobsService: JobService
+    ) {
+        super();
+    }
+
+    ngOnInit(): void {
+        this.getJobApplicants();
+    }
+
+    getJobApplicants(): void {
+        this.isLoading = true;
+        this.jobsService.getApplicantTalentJobs({IncludeCompleted: this.includeCompleted}, this.assocs)
+            .pipe(takeUntil(this.componentInView))
+            .subscribe(response => {
+                this.isLoading = false;
+                this.applicantJobs = response;
+            }, err => {
+                this.isLoading = false;
+                this.utilsService.handleError(err);
+            })
+    }
 
 }

frontend/angular/src/app/my-career-web/mc-shared/mc-shared.module.ts

@@ -15,6 +15,7 @@ import { TooltipModule } from 'primeng/tooltip';
 import { IntroLetterService } from '../services/intro-letter.service';
 import { TableModule } from 'primeng/table';
 import { IconReplacerDirective } from './icon-replacer.directive';
+import { JobService } from '../services/job.service';
 
 const MODULES = [
     ReactiveFormsModule,
@@ -55,7 +56,8 @@ const PIPES = [
         ToasterService,
         PersonalDetailsService,
         AssessmentService,
-        IntroLetterService
+        IntroLetterService,
+        JobService
     ],
     declarations: [
         ...COMPONENTS,

frontend/angular/src/app/my-career-web/models/applicant-job.model.ts

+import { BaseModel } from './base.model';
+import { CLASSES } from '../config/constants';
+
+export class ApplicantJobModel extends BaseModel {
+    ObjectClass = CLASSES.Job;
+    JobTitle: string;
+    Employer: string;
+    ApplicantJobStatus: string;
+    JobStatus: any;
+}

frontend/angular/src/app/my-career-web/services/job.service.ts

+import { Injectable } from '@angular/core';
+import { Observable } from 'rxjs';
+import { EnumService } from '../../oneit/services/enum.service';
+import { SaveService } from '../../oneit/services/save.service';
+import { SearchService } from '../../oneit/services/search.service';
+import { UtilsService } from '../../oneit/services/utils.service';
+import { SERVICES } from '../config/constants';
+
+@Injectable()
+
+export class JobService {
+
+
+    constructor(
+        private enumService: EnumService,
+        private utilsService: UtilsService,
+        private searchService: SearchService,
+        private saveService: SaveService
+    ) {
+    }
+
+    getApplicantTalentJobs(queryParams = {}, assocs = []): Observable<any> {
+        return this.searchService.getObjects(SERVICES.APPLICANT_TALENT_JOBS, 'All', queryParams, assocs, null, null, null, null)
+            .map(
+                data => {
+                    return this.utilsService.convertResponseToObjects(data, assocs);
+                }
+            )
+    }
+
+
+}