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

1 files changed, 43 insertions, 30 deletions

diff --git a/alias-angular/app/css/app.less b/alias-angular/app/css/app.less
index e78e124..c79c56a 100644
--- a/alias-angular/app/css/app.less
+++ b/alias-angular/app/css/app.less
@@ -7,6 +7,23 @@ html, body{
     height: 100%;
 }
 
+.chat{
+    color: #3D9940;
+}
+
+.away{
+    color: #D9B232;
+}
+
+.dnd{
+    color: #D9B232;
+}
+
+.xa{
+    color: #D9B232;
+}
+
+
 #roster{
     min-height: 100%;
     float: left;
@@ -14,39 +31,31 @@ html, body{
     background-color: @background-gray;
     border: 1px solid @border-gray;
 
-    ul{
+    ul.contact-list{
         list-style: none;
         padding: 0;
         margin: 0;
-    }
-
-    li{
-        background-color: white;
-        border-bottom: 1px solid @border-gray;
-        padding: 0;
-        margin: 0;
-        padding: 1em 1em;
-        color: #363636;
-        .transition(0.3s);
-
-        &:hover{
-            background-color: @background-gray;
-        }
-
-        &:first-child{
-            border-top: 1px solid @border-gray;
-        }
-
-        i{
-            font-size:120%;
-        }
-
-        .online{
-            color: #3D9940;
-        }
 
-        .away{
-            color: #D9B232;
+        li{
+            background-color: white;
+            border-bottom: 1px solid @border-gray;
+            padding: 0;
+            margin: 0;
+            padding: 1em 1em;
+            color: #363636;
+            .transition(0.3s);
+            
+            &:hover{
+                background-color: @background-gray;
+            }
+            
+            &:first-child{
+                border-top: 1px solid @border-gray;
+            }
+            
+            i{
+                font-size:120%;
+            }
         }
     }
 }
@@ -65,4 +74,8 @@ html, body{
 #main{
   float: left;
   margin-left: 20px;
-}
\ No newline at end of file
+}
+
+ul.nav-tabs li a{
+    outline: 0;
+}