Get list of available jobs for Recruitment

mehrbodKBZ · mehrbodKBZ · commit 2e639a81bddd · 2020-05-12T19:32:01.000+01:00
diff --git a/src/app/_components/recruitment/recruitment.component.html b/src/app/_components/recruitment/recruitment.component.html
@@ -14,8 +14,9 @@ <h1>{{ 'RECRUITMENT.TITLE' | translate }}</h1>
 
 
   <form #formSearch="ngForm" (ngSubmit)="processSeacrhJobForm()">
+    <!--
     <div class="form-group field col-lg-10" [class.has-error]="seachJobTextInputModel.invalid">
-        <!--<span>{{ 'RECRUITMENT.SEARCH_LABEL' | translate }}</span>-->
+        
       <input       
         type="text" 
         name="searchtext" 
@@ -25,7 +26,19 @@ <h1>{{ 'RECRUITMENT.TITLE' | translate }}</h1>
         required
         minlength="3"
         #seachJobTextInputModel="ngModel">    
+    </div> -->
+    <!-- Jobs -->
+    <div class="form-group field col-lg-10" >
+      <mat-form-field class="create-profile-full-width">
+        <mat-label>{{ 'RECRUITMENT.SEARCH_LABEL' | translate }}</mat-label>
+        <mat-select [(ngModel)]="seachJobTextInput" name="searchtext" required>
+          <mat-option *ngFor="let job of jobs" [value]="job.id">
+            {{job.label}}
+          </mat-option>
+        </mat-select>
+      </mat-form-field>
     </div>
+    
     <!-- 
     <button type="submit" class="btn btn-success" [disabled]="formSearch.invalid">{{ 'RECRUITMENT.BUTTON.SEARCH' | translate }}</button>
     -->  
diff --git a/src/app/_components/recruitment/recruitment.component.ts b/src/app/_components/recruitment/recruitment.component.ts
@@ -4,6 +4,8 @@ import {MatTableDataSource} from '@angular/material/table';
 import {MatSort} from '@angular/material/sort';
 import { MatchingService } from '../../_services/matching.service';
 import { ExcelServiceService } from '../../_services/excel/excel-service.service';
+import { Job } from '../../_models/Job';
+import { JobsService } from '../../_services/jobs.service';
 
 @Component({
   selector: 'app-recruitment',
@@ -44,6 +46,7 @@ export class RecruitmentComponent implements OnInit {
   ];
     //listOfCandidates = [];
 
+  jobs: Job[];
   recruits = [];//this.listOfCandidates;
   canvas: any;
   ctx: any;
@@ -89,7 +92,7 @@ export class RecruitmentComponent implements OnInit {
   public ChartType = 'pie';
   
   
-  constructor(private matchingService: MatchingService, private excelService:ExcelServiceService) { }
+  constructor(private jobService: JobsService, private matchingService: MatchingService, private excelService:ExcelServiceService) { }
 
   //displayedColumns: string[] = ['id', 'title', 'action'];
   displayedColumns: string[] = ['id', 'name', 'role', 'available', 'expsalary', 'score', 'action'];
@@ -111,8 +114,8 @@ export class RecruitmentComponent implements OnInit {
     console.log(this.dataSource);
     this.dataSource.sort = this.sort;
     this.dataSource.paginator = this.paginator;
-    this.getMatchedCVs('Job1');
-    
+    //this.getMatchedCVs('Job1');
+    this.getAvailableJobs();
   }
  
   processSeacrhJobForm() {
@@ -157,6 +160,17 @@ export class RecruitmentComponent implements OnInit {
       
 }
 
+  getAvailableJobs() {
+    this.jobService.getJobs()
+    .subscribe((data: Job[]) => {
+      this.jobs = data;
+      console.log(data);
+    },
+    err => {
+      console.log(err);
+    });
+}
+
 exportExcel(){    
   this.excelService.exportAsExcelFile(this.listOfCandidates, 'list_of_candidates');
 }
