Permalink
Browse files

Step 6.21: Update the template to use grouped messages

  • Loading branch information...
dotansimha authored and darkbasic committed Jan 24, 2017
1 parent b8dcd98 commit f611b2bcd97f9ef708fbe8202176a835d7d1b59e
Showing with 5 additions and 1 deletion.
  1. +5 −1 src/pages/messages/messages.html
@@ -15,11 +15,15 @@
<ion-content padding class="messages-page-content">
<ion-scroll scrollY="true" class="messages">
<div *ngFor="let message of messages | async" class="message-wrapper">
<div *ngFor="let day of messagesDayGroups | async" class="day-wrapper">
<div *ngFor="let message of day.messages" class="message-wrapper">
<div [class]="'message message-' + message.ownership">
<div *ngIf="message.type == 'text'" class="message-content message-content-text">{{message.content}}</div>
<span class="message-timestamp">{{ message.createdAt | amDateFormat: 'HH:mm' }}</span>
</div>
</div>
<div *ngIf="!day.today" class="day-timestamp">{{day.timestamp}}</div>
</div>
</ion-scroll>
</ion-content>

0 comments on commit f611b2b

Please sign in to comment.