Basic message receive/send feature

Note: the tab directive is not needed anymore because the ngClick directive
already calls preventDefault()

1 files changed, 11 insertions, 3 deletions

diff --git a/alias-angular/app/index.html b/alias-angular/app/index.html
index 2f9ab62..279018b 100644
--- a/alias-angular/app/index.html
+++ b/alias-angular/app/index.html
@@ -54,12 +54,20 @@
   </div>
   <div id="main" ng-controller="MsgCtl">
     <ul class="nav nav-tabs">
-      <li ng-repeat="conversation in conversations" ng-class="isActive(conversation)" ng-click="activate(conversation)">
-        <a href="#repeat">{{conversation}} <i class="icon-remove" ng-click="delete(conversation)"></i></a>
+      <li ng-repeat="(jid,value) in conversations" ng-class="isActive(jid)" ng-click="activate(jid)">
+        <a href="#repeat">{{jid}} <i class="icon-remove" ng-click="delete(jid)"></i></a>
       </li>
     </ul>
     <div class="tab-content">
-      <div class="tab-pane" ng-class="isActive(conversation)" ng-repeat="conversation in conversations">{{conversation}}</div>
+      <div class="tab-pane" ng-class="isActive(jid)" ng-repeat="(jid,value) in conversations">
+        <ul class="chat-area">
+          <li ng-repeat="message in value"><span class="name">{{message.from}}</span>{{message.body}}</li>
+        </ul>
+        <form class="form-inline" ng-submit="sendMessage(msg,jid)">
+          <input type="text" ng-model="msg" class="input-large" />
+          <button class="btn" type="submit" ng-disabled="!msg">Send</button>
+        </form>
+      </div>
     </div>
   </div>
   <script src="lib/jquery-1.7.2.min.js"></script>