format date in display for assignments

AngularApp/src/app/table-list/table-list.component.html

@@ -19,9 +19,9 @@
                                    <tr *ngFor="let assignment of assignments">
                                     <td>{{assignment.gitlabId}}</td>
                                     <td>{{assignment.name}}</td>
-                                    <td>{{creationInfo.description}}</td>
-                                    <td>{{creationInfo.created_at}}</td>
-                                    <td>{{lastInfo.updated_at}}</td>
+                                    <td>{{assignment.gitlabCreationInfo.description}}</td>
+                                    <td>{{assignment.gitlabCreationInfo.created_at | date:"dd MMM yyyy 'at' hh:mm"}}</td>
+                                    <td>{{assignment.gitlabLastInfo.updated_at | date:"dd MMM yyyy 'at' hh:mm"}}</td>
                                     <td>{{assignment.gitlabLink}}</td>
                                     <td>
                                         <button class="btn btn-outline-danger">Delete</button>

AngularApp/src/app/table-list/table-list.component.ts

 import { Component, OnInit } from '@angular/core';
 import { Assignment } from 'app/model/assignment';
-import { Enonce } from 'app/model/enonce';
 import { AssignmentService } from 'services/assignment.service';
+import { DatePipe } from '@angular/common';
+
 
 @Component({
   selector: 'app-table-list',
@@ -11,27 +12,24 @@ import { AssignmentService } from 'services/assignment.service';
 export class TableListComponent implements OnInit {
   assignments : Assignment[] = []
   data : [] = []
-  creationInfo : JSON
-  lastInfo : JSON
-  constructor(private service : AssignmentService) { }
+  formattedDate : string
+  headers : string[] = ['Gitlab ID', 'Name', 'Description', 'Creation date', 'Last Update', 'gitlabLink', 'Options'];
   
-  headers : string[] = ['Gitlab ID', 'Name', 'Description', 'gitlabCreationInfo', 'Last Update', 'gitlabLink', 'Options'];
+  constructor(private service : AssignmentService) { }
   
   ngOnInit() {
     this.service.getAssignments().subscribe((assignment) => {
       this.assignments = assignment
       for (let i = 0; i < this.assignments.length; i++) {
-        this.creationInfo = JSON.parse(this.assignments[i].gitlabCreationInfo)
-        this.lastInfo = JSON.parse(this.assignments[i].gitlabLastInfo)
-        console.log(this.creationInfo)
-        console.log(this.lastInfo)
+        this.assignments[i].gitlabCreationInfo = JSON.parse(assignment[i].gitlabCreationInfo)
+        this.assignments[i].gitlabLastInfo = JSON.parse(assignment[i].gitlabLastInfo)
       }
     })
-
+    
     
   }
   
   delAssignment() {
-
+    
   }
 }