- added number of online people in rostergroup

- added folded/unfolded rostergroup arrow

app/widgets/Roster/roster.css

@@ -16,6 +16,18 @@
     overflow: hidden;
 }
 
+#roster ul#rosterlist > div li:first-child:before {
+    font-family: "Material Design Iconic Font";    
+    content: "\f1b6";
+    display: inline-block;
+}
+
+#roster ul#rosterlist > div.groupshown li:first-child:before {
+    font-family: "Material Design Iconic Font";    
+    content: "\f1b4";
+    display: inline-block;
+}
+
 #roster ul#rosterlist > div.groupshown {
     height: 100%;
 }

app/widgets/Roster/roster.js

@@ -155,6 +155,14 @@
             return title;
         };
 
+        this.getOnlineCount = function(g){
+            count = 0;
+            for(var i in g){
+                if(g[i].aval < 5) count ++;
+            }
+            return count;
+        };
+
         this.getContactClient = function(c){
             liclass = "";
             if(c.rosterview.client)

app/widgets/Roster/roster.tpl

@@ -23,7 +23,7 @@
             
             <li class="subheader" ng-click="rosterCtrl.showHideGroup(group.agroup)">
                 {{::group.agroup}}
-                <span class="info">{{group.agroupitems.length}}</span>
+                <span class="info">{{rosterCtrl.getOnlineCount(group.agroupitems)}}/{{group.agroupitems.length}}</span>
             </li>
             <li
                 ng-repeat="myjid in group.agroupitems"