Step 3.8: Add messages to chat view

Urigo · Nov 23, 2016 · 1b75963 · 1b75963
1 parent 86f300b
commit 1b75963
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/client/templates/chat.html b/client/templates/chat.html
@@ -1,5 +1,15 @@
-<ion-view title="{{chat.data.name}}">
+<ion-view title="{{ chat.data.name }}">
   <ion-nav-buttons side="right">
-    <button class="button button-clear"><img class="header-picture" ng-src="{{chat.data.picture}}"></button>
+    <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>