Permalink
Browse files

Step 6.8: Add message page template

  • Loading branch information...
dotansimha authored and darkbasic committed Jan 24, 2017
1 parent 6895b95 commit 7b0c92cd7f7db3b15694df0bf3e81d5a591fa3d6
Showing with 25 additions and 0 deletions.
  1. +25 −0 src/pages/messages/messages.html
@@ -0,0 +1,25 @@
<ion-header>
<ion-navbar color="whatsapp" class="messages-page-navbar">
<ion-buttons>
<img class="chat-picture" [src]="picture">
</ion-buttons>
<ion-title class="chat-title">{{title}}</ion-title>
<ion-buttons end>
<button ion-button icon-only class="attach-button"><ion-icon name="attach"></ion-icon></button>
<button ion-button icon-only class="options-button"><ion-icon name="more"></ion-icon></button>
</ion-buttons>
</ion-navbar>
</ion-header>
<ion-content padding class="messages-page-content">
<ion-scroll scrollY="true" class="messages">
<div *ngFor="let message of messages | async" class="day-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 }}</span>
</div>
</div>
</ion-scroll>
</ion-content>

0 comments on commit 7b0c92c

Please sign in to comment.