Convert qualifications to table (#13)

Co-authored-by: Phan Huy Tran <p.tran@neusta.de>
Reviewed-on: #13

src/app/qualifications/qualifications.component.ts

@@ -1,25 +1,43 @@
-import { Component } from '@angular/core';
+import {Component} from '@angular/core';
 import {Observable} from "rxjs";
-import {Employee} from "../Employee";
 import {Qualification} from "../Qualification";
 import {HttpClient} from "@angular/common/http";
-import {MatSnackBar} from "@angular/material/snack-bar";
 import {AsyncPipe} from "@angular/common";
+import {
+    MatCell,
+    MatCellDef,
+    MatColumnDef,
+    MatHeaderCell,
+    MatHeaderCellDef,
+    MatHeaderRow, MatHeaderRowDef, MatRow, MatRowDef,
+    MatTable
+} from "@angular/material/table";
+import QualificationService from "../services/qualification.service";
 
 @Component({
-  selector: 'app-qualifications',
-  imports: [
-    AsyncPipe
-  ],
-  templateUrl: './qualifications.component.html',
-  styleUrl: './qualifications.component.css'
+    selector: 'app-qualifications',
+    imports: [
+        AsyncPipe,
+        MatTable,
+        MatHeaderCell,
+        MatColumnDef,
+        MatCell,
+        MatCellDef,
+        MatHeaderCellDef,
+        MatHeaderRow,
+        MatRow,
+        MatHeaderRowDef,
+        MatRowDef
+    ],
+    templateUrl: './qualifications.component.html',
+    styleUrl: './qualifications.component.css'
 })
 export class QualificationsComponent {
-  public qualifications$: Observable<Qualification[]>;
+    public qualifications$: Observable<Qualification[]>;
+    public readonly displayedColumns: string[] = ['skill', 'actions'];
 
-  constructor(
-    private readonly httpClient: HttpClient,
-  ) {
-    this.qualifications$ = this.httpClient.get<Qualification[]>('http://localhost:8089/qualifications');
-  }
+
+    constructor(private readonly qualificationService: QualificationService) {
+        this.qualifications$ = this.qualificationService.getAll();
+    }
 }