From 3daf8157e54d5e7627f49b2d44b2a2883bd2324c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jonathan=20Gast=C3=B3n=20L=C3=B6wenstern?=
 <jonigl@gmail.com>
Date: Mon, 22 Oct 2018 02:06:39 -0300
Subject: [PATCH] dates formatted
 https://angular.io/api/common/DatePipe#format-examples

---
 src/app/alarm/alarm.component.html                    | 2 +-
 src/app/list/event-dialog/event-dialog.component.html | 8 ++++----
 src/app/list/list.component.html                      | 2 +-
 src/app/stats/stats.component.html                    | 2 +-
 src/app/users/users.component.html                    | 2 +-
 5 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/app/alarm/alarm.component.html b/src/app/alarm/alarm.component.html
index d1c77d6..e606e62 100644
--- a/src/app/alarm/alarm.component.html
+++ b/src/app/alarm/alarm.component.html
@@ -68,7 +68,7 @@ <h2 fxFlexOffset="10">Alarms</h2>
                         <!-- Start date Column -->
                         <ng-container matColumnDef="start">
                             <th mat-header-cell *matHeaderCellDef> Start date </th>
-                            <td mat-cell *matCellDef="let event"> {{ event.start }} </td>
+                            <td mat-cell *matCellDef="let event"> {{ event.start  | date:'medium' }} </td>
                         </ng-container>
 
                         <!-- Status Column -->
diff --git a/src/app/list/event-dialog/event-dialog.component.html b/src/app/list/event-dialog/event-dialog.component.html
index 06eda0b..431920d 100644
--- a/src/app/list/event-dialog/event-dialog.component.html
+++ b/src/app/list/event-dialog/event-dialog.component.html
@@ -7,16 +7,16 @@ <h4>Link to the event</h4>
   <a [attr.href]="data.event.url" target="_blank" [title]="data.event.name">link</a>
 
   <h4>Start date</h4>
-  <p>{{ data.event.start }}</p>
+  <p>{{ data.event.start  | date:'medium' }}</p>
 
   <h4>End date</h4>
-  <p>{{ data.event.end }}</p>
+  <p>{{ data.event.end  | date:'medium' }}</p>
 
   <h4>Created date</h4>
-  <p>{{ data.event.created }}</p>
+  <p>{{ data.event.created  | date:'medium' }}</p>
 
   <h4>Changed date</h4>
-  <p>{{ data.event.changed }}</p>
+  <p>{{ data.event.changed  | date:'medium' }}</p>
 
   <h4>Status</h4>
   <p>{{ data.event.status }}</p>
diff --git a/src/app/list/list.component.html b/src/app/list/list.component.html
index 8bf61a9..8c56c1a 100644
--- a/src/app/list/list.component.html
+++ b/src/app/list/list.component.html
@@ -82,7 +82,7 @@ <h2 fxFlexOffset="10">Events</h2>
                 <!-- Start date Column -->
                 <ng-container matColumnDef="start">
                     <th mat-header-cell *matHeaderCellDef mat-sort-header> Start date </th>
-                    <td mat-cell *matCellDef="let element"> {{element.start}} </td>
+                    <td mat-cell *matCellDef="let element"> {{element.start | date:'medium' }} </td>
                 </ng-container>
 
                 <!-- Status Column -->
diff --git a/src/app/stats/stats.component.html b/src/app/stats/stats.component.html
index 302e8b8..9063387 100644
--- a/src/app/stats/stats.component.html
+++ b/src/app/stats/stats.component.html
@@ -57,7 +57,7 @@ <h3>
             <ng-container matColumnDef="start">
                 <th mat-header-cell *matHeaderCellDef mat-sort-header> Start </th>
                 <td mat-cell *matCellDef="let event">
-                    {{ event.start }}
+                    {{ event.start  | date:'medium' }}
                 </td>
             </ng-container>
 
diff --git a/src/app/users/users.component.html b/src/app/users/users.component.html
index 6a914f5..368de66 100644
--- a/src/app/users/users.component.html
+++ b/src/app/users/users.component.html
@@ -62,7 +62,7 @@ <h2 fxFlexOffset="10">Users</h2>
       <!-- Last Access Column -->
       <ng-container matColumnDef="lastAccess">
         <th mat-header-cell *matHeaderCellDef mat-sort-header> Last Access </th>
-        <td mat-cell *matCellDef="let element" (click)="currentUser(element)"> {{element.lastAccess}} </td>
+        <td mat-cell *matCellDef="let element" (click)="currentUser(element)"> {{element.lastAccess | date:'medium'}} </td>
       </ng-container>
 
       <!-- Action Column -->