Skip to content


Step 6.21: Update the template to use grouped messages
Browse files Browse the repository at this point in the history
  • Loading branch information
dotansimha authored and darkbasic committed Oct 16, 2017
1 parent b8dcd98 commit f611b2b
Showing 1 changed file with 5 additions and 1 deletion.
6 changes: 5 additions & 1 deletion src/pages/messages/messages.html
Expand Up @@ -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 *ngIf="!" class="day-timestamp">{{day.timestamp}}</div>
Expand Down

0 comments on commit f611b2b

Please sign in to comment.