Step 4.9: Add messages to chat view

Urigo · Nov 22, 2016 · 780c0fc · 780c0fc
1 parent 94d5711
commit 780c0fc
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/www/templates/chat.html b/www/templates/chat.html
@@ -2,4 +2,15 @@
   <ion-nav-buttons side="right">
     <button class="button button-clear"><img class="header-picture" ng-src="{{ chat.data.picture }}"></button>
   </ion-nav-buttons>
+
+  <ion-content class="chat" delegate-handle="chatScroll">
+    <div class="message-list">
+      <div ng-repeat="message in chat.messages" class="message-wrapper">
+        <div class="message" ng-class-even="'message-mine'" ng-class-odd="'message-other'">
+          <div class="message-text">{{ message.text }}</div>
+          <span class="message-timestamp">{{ message.timestamp }}</span>
+        </div>
+      </div>
+    </div>
+  </ion-content>
 </ion-view>