From b85186c7f48f5ec96045689a35b1081817944711 Mon Sep 17 00:00:00 2001
From: "kelly.nguyen" <kelly.nguyen@etu.hesge.ch>
Date: Mon, 5 Feb 2024 21:41:34 +0100
Subject: [PATCH] format date in display for assignments

---
 .../app/table-list/table-list.component.html  |  6 +++---
 .../app/table-list/table-list.component.ts    | 20 +++++++++----------
 2 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/AngularApp/src/app/table-list/table-list.component.html b/AngularApp/src/app/table-list/table-list.component.html
index 7eeb835..cdb11d9 100644
--- a/AngularApp/src/app/table-list/table-list.component.html
+++ b/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>
diff --git a/AngularApp/src/app/table-list/table-list.component.ts b/AngularApp/src/app/table-list/table-list.component.ts
index 8ad9060..b500da5 100644
--- a/AngularApp/src/app/table-list/table-list.component.ts
+++ b/AngularApp/src/app/table-list/table-list.component.ts
@@ -1,7 +1,8 @@
 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() {
-
+    
   }
 }
-- 
GitLab