From c7f8586338ba7faddbe5387a060e76ef1580ff4a Mon Sep 17 00:00:00 2001
From: dotansimha <dotansimha@gmail.com>
Date: Tue, 24 Jan 2017 14:50:32 +0200
Subject: [PATCH] Step 6.12: Add message editor to messages view template

---
 src/pages/messages/messages.html | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/pages/messages/messages.html b/src/pages/messages/messages.html
index 54eeeaa88..f6afc94fa 100644
--- a/src/pages/messages/messages.html
+++ b/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>