Permalink
Browse files

Step 6.12: Add message editor to messages view template

  • Loading branch information...
dotansimha authored and darkbasic committed Jan 24, 2017
1 parent 31d3fca commit ae2b096a5fa24c7267a7023b070b02fc303022e8
Showing with 16 additions and 0 deletions.
  1. +16 −0 src/pages/messages/messages.html
@@ -23,3 +23,19 @@
</div>
</ion-scroll>
</ion-content>
<ion-footer>
<ion-toolbar color="whatsapp" class="messages-page-footer" position="bottom">
<ion-input [(ngModel)]="message" (keypress)="onInputKeypress($event)" class="message-editor" placeholder="Type a message"></ion-input>
<ion-buttons end>
<button ion-button icon-only *ngIf="message" class="message-editor-button" (click)="sendTextMessage()">
<ion-icon name="send"></ion-icon>
</button>
<button ion-button icon-only *ngIf="!message" class="message-editor-button">
<ion-icon name="mic"></ion-icon>
</button>
</ion-buttons>
</ion-toolbar>
</ion-footer>

0 comments on commit ae2b096

Please sign in to comment.