Skip to content

Commit 7b0c92c

Browse files
dotansimhadarkbasic
authored andcommitted
Step 6.8: Add message page template
1 parent 6895b95 commit 7b0c92c

File tree

1 file changed

+25
-0
lines changed

1 file changed

+25
-0
lines changed

src/pages/messages/messages.html

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
<ion-header>
2+
<ion-navbar color="whatsapp" class="messages-page-navbar">
3+
<ion-buttons>
4+
<img class="chat-picture" [src]="picture">
5+
</ion-buttons>
6+
7+
<ion-title class="chat-title">{{title}}</ion-title>
8+
9+
<ion-buttons end>
10+
<button ion-button icon-only class="attach-button"><ion-icon name="attach"></ion-icon></button>
11+
<button ion-button icon-only class="options-button"><ion-icon name="more"></ion-icon></button>
12+
</ion-buttons>
13+
</ion-navbar>
14+
</ion-header>
15+
16+
<ion-content padding class="messages-page-content">
17+
<ion-scroll scrollY="true" class="messages">
18+
<div *ngFor="let message of messages | async" class="day-wrapper">
19+
<div [class]="'message message-' + message.ownership">
20+
<div *ngIf="message.type == 'text'" class="message-content message-content-text">{{message.content}}</div>
21+
<span class="message-timestamp">{{ message.createdAt }}</span>
22+
</div>
23+
</div>
24+
</ion-scroll>
25+
</ion-content>

0 commit comments

Comments
 (0)