From 3fdb17a79de4507e8a4f3fbe47f6c078bdedda46 Mon Sep 17 00:00:00 2001
From: Zaran <zaran.krleza@gmail.com>
Date: Tue, 24 Apr 2012 01:22:27 -0700
Subject: User availibility status improvements

* store the status of users as received in the presence stanzas
* new filter to convert a status as defined in rfc3921 to something
  readable (could be used to display contacts' status in a tooltip)
* encapsulate bootsrap's dropdown plugin in the dropdown-toggle directive
  (adding the dropdown-toggle directive to a tag calls Bootstrap's dropdown
  initializer on this tag at compile time
* allow the user to change his status via a dropdown button. This works,
  but angular complains that $apply is already in progress when you try
  to change your status
---
 alias-angular/app/index.html | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

(limited to 'alias-angular/app/index.html')

diff --git a/alias-angular/app/index.html b/alias-angular/app/index.html
index fba5335..466a02a 100644
--- a/alias-angular/app/index.html
+++ b/alias-angular/app/index.html
@@ -23,6 +23,22 @@
 
   <div id="roster" ng-controller="RosterCtl">
     <form id="rostersearch" class="form-horizontal">
+      <div class="btn-toolbar">
+        <div class="btn-group">
+          <a class="btn">
+            <i class='{{self["status"]}} icon-user'></i> {{self["jid"]}}
+          </a>
+          <a class="btn dropdown-toggle" data-toggle="dropdown" dropdown-toggle="toto" href="#">
+            <span class="caret"></span>
+          </a>
+          <ul class="dropdown-menu">
+            <li><a ng-click='status("chat")'><i class="chat icon-user"></i> Online</a></li>
+            <li><a ng-click='status("away")'><i class="away icon-user"></i> Away</a></li>
+            <li><a ng-click='status("dnd")'><i class="dnd icon-user"></i> Do Not Disturb</a></li>
+            <li><a ng-click='status("xa")'><i class="xa icon-user"></i> Extended Away</a></li>
+          </ul>
+        </div>
+      </div>
       <div class="input-prepend">
         <span class="add-on"><i class="icon-search"></i></span><!--
      --><input class="span2" type="text" placeholder="Search" ng-model="query"/>
@@ -31,7 +47,7 @@
         <input type="checkbox" ng-model="checkoffline" id="show"/> Show offline contacts
       </label>
     </form>
-    <ul>
+    <ul class="contact-list">
       <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>
@@ -48,6 +64,7 @@
     </div>
   </div>
   <script src="lib/jquery-1.7.2.min.js"></script>
+  <script src="lib/bootstrap-dropdown.js"></script>
   <script src="lib/angular/angular.js"></script>
   <script src="lib/underscore-min.js"></script>
   <script src="lib/config.js"></script>
-- 
cgit v1.2.3-70-g09d2