feature/addQualifications #23
2 changed files with 12 additions and 2 deletions
|
@ -2,9 +2,9 @@
|
||||||
<div class="qualifications__action-row">
|
<div class="qualifications__action-row">
|
||||||
<mat-form-field>
|
<mat-form-field>
|
||||||
<mat-label>Qualification</mat-label>
|
<mat-label>Qualification</mat-label>
|
||||||
<input matInput>
|
<input matInput #qualificationInput minlength="1" maxlength="25">
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<button mat-fab class="shadowless">
|
<button mat-fab class="shadowless" (click)="onAdd(qualificationInput)">
|
||||||
<mat-icon>add</mat-icon>
|
<mat-icon>add</mat-icon>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -79,6 +79,16 @@ export class QualificationsComponent {
|
||||||
this.qualificationEdits.set(id, true);
|
this.qualificationEdits.set(id, true);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
onAdd(qualificationField: HTMLInputElement){
|
||||||
|
this.qualificationService.createQualification({requestBody: {skill: qualificationField.value}}).subscribe((qualification)=>{
|
||||||
|
const data = this.qualificationDataSource.data;
|
||||||
|
data.push(qualification);
|
||||||
|
this.qualificationDataSource = new MatTableDataSource<Qualification>(data);
|
||||||
|
this.notifications.publish(`Added ${qualification.skill}`);
|
||||||
|
qualificationField.value='';
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
endEdit(oldQualification: Qualification, save: boolean) {
|
endEdit(oldQualification: Qualification, save: boolean) {
|
||||||
|
|
||||||
const qualificationFormGroup = this.qualificationSkillFormGroups.get(oldQualification.id);
|
const qualificationFormGroup = this.qualificationSkillFormGroups.get(oldQualification.id);
|
||||||
|
|
Loading…
Add table
Reference in a new issue