dates formatted https://angular.io/api/common/DatePipe#format-examples

jonigl · Oct 22, 2018 · 3daf815 · 3daf815
1 parent 7997164
commit 3daf815
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 8 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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 -->