Tentative implementation of the tabs

almost there!

1 files changed, 13 insertions, 1 deletions

diff --git a/alias-angular/app/index.html b/alias-angular/app/index.html
index 2c823e3..4305308 100644
--- a/alias-angular/app/index.html
+++ b/alias-angular/app/index.html
@@ -32,12 +32,24 @@
       </label>
     </form>
     <ul>
-      <li ng-repeat="contact in get_contacts() | hideoffline:checkoffline | rosterFilter:query|orderBy:'status'"><i ng-class="contact.status" class="icon-user"></i> {{contact.name||contact.jid}}</li>
+      <li ng-repeat="contact in get_contacts() | showoffline:checkoffline | rosterFilter:query|orderBy:'status'" ng-click="chatWith(contact)">
+        <i ng-class="contact.status" class="icon-user"></i> {{contact.name||contact.jid}}</li>
     </ul>
   </div>
+  <div id="main" ng-controller="MsgCtl">
+    <ul class="tabs">
+      <li ng-repeat="conversation in conversations" ng-class="isAsctive(conversation.jid)" ng-click="activetab=conversation.jid">
+        <a ng-href="#{{conversation.jid}}">{{conversation.name||conversation.jid}} <i class="icon-remove"></i></a>
+      </li>
+    </ul>
+    <div class="tab-content">
+      <div id="{{conversation.jid}}" ng-class="isActive(conversation.jid)" ng-repeat="conversation in conversations">Je suis {{conversation.jid}}
+      </div>
+  </div>
   <script src="lib/angular/angular.js"></script>
   <script src="lib/jquery-1.7.2.min.js"></script>
   <script src="lib/underscore-min.js"></script>
+  <script src="lib/bootstrap-tab.js"></script>
   <script src="lib/config.js"></script>
   <script src="js/alias.js"></script>
   <script src="lib/strophe.js"></script>