badge with numUsers

index.html

@@ -10,7 +10,7 @@
 
     <script src="lib/ionic/js/ionic.bundle.js"></script>
 
-    <script src="https://cdn.socket.io/socket.io-1.2.0.js"></script>
+    <script src="lib/socket.io-1.2.0.js"></script>
     <script src="lib/angular-socket-io/socket.min.js"></script>
 
     <script src="cordova.js"></script>

js/app.js

@@ -45,7 +45,6 @@ angular.module('chat', ['ionic', 'btford.socket-io', 'chat.controllers', 'chat.s
       views: {
         'tab-users': {
           templateUrl: 'templates/tab-users.html',
-          controller: 'PeopleCtrl'
         }
       }
     })

js/controllers.js

@@ -6,7 +6,7 @@ angular.module('chat.controllers', [])
   $scope.messages = Chat.getMessages();
   var typing = false;
   var lastTypingTime;
-  var TYPING_TIMER_LENGTH = 400;
+  var TYPING_TIMER_LENGTH = 4000;
 
   Socket.on('connect',function(){
 
@@ -74,11 +74,8 @@ angular.module('chat.controllers', [])
 
 })
 
-.controller('PeopleCtrl', function($scope, Chats) {
-  $scope.chats = Chats.all();
-  $scope.remove = function(chat) {
-    Chats.remove(chat);
-  };
+.controller('PeopleCtrl', function($scope, Chat) {
+  $scope.data = Chat.getNumUsers();
 })
 
 .controller('ChatDetailCtrl', function($scope, $stateParams, Chats) {
@@ -87,4 +84,4 @@ angular.module('chat.controllers', [])
 
 .controller('AccountCtrl', function($scope, Chat) {
   $scope.username = Chat.getUsername();  
-});
+}, true);

js/services.js

@@ -11,6 +11,9 @@ angular.module('chat.services', [])
 .factory('Chat', function($ionicScrollDelegate, Socket){
 
   var username;
+  var users = {};
+  users.numUsers = 0;
+
   var messages = [];
   var TYPING_MSG = '. . .';
 
@@ -22,6 +25,14 @@ angular.module('chat.services', [])
     return notification;
   };
 
+  var setNumUsers = function(data){
+    users.numUsers = data.numUsers;
+  };
+
+  Socket.on('login', function (data) {
+    setNumUsers(data);
+  });
+
   Socket.on('new message', function(msg){
       addMessage(msg);
   });
@@ -42,12 +53,14 @@ angular.module('chat.services', [])
     var msg = data.username + ' joined';
     var notification = new Notification(data.username,msg);
     addMessage(notification);
+    setNumUsers(data);
   });
 
   Socket.on('user left', function (data) {
     var msg = data.username + ' left';
     var notification = new Notification(data.username,msg);
     addMessage(notification);
+    setNumUsers(data);
   });
 
   var scrollBottom = function(){
@@ -78,6 +91,14 @@ angular.module('chat.services', [])
     setUsername: function(usr){
       username = usr;
     },
+
+    getUsernames: function(){
+      return usernames;
+    },
+    getNumUsers: function(){
+      return users;
+    },
+
     getMessages: function() {
       return messages;
     },

templates/tab-users.html

@@ -1,16 +1,9 @@
 <ion-view view-title="Users">
   <ion-content>
-    <ion-list>
-      <ion-item class="item-remove-animate item-avatar item-icon-right" ng-repeat="chat in chats" type="item-text-wrap" href="#/tab/users/{{chat.id}}">
-        <img ng-src="{{chat.face}}">
-        <h2>{{chat.name}}</h2>
-        <p>{{chat.lastText}}</p>
-        <i class="icon ion-chevron-right icon-accessory"></i>
+
+    <input type="text" ng-model="data.badgeCount">
+
+    {{data.numUsers | json}}
 
-        <ion-option-button class="button-assertive" ng-click="remove(chat)">
-          Delete
-        </ion-option-button>
-      </ion-item>
-    </ion-list>
   </ion-content>
-</ion-view>
+</ion-view>

templates/tabs.html

@@ -5,7 +5,7 @@
     <ion-nav-view name="tab-chats"></ion-nav-view>
   </ion-tab>
 
-  <ion-tab title="Contacts" icon-off="ion-ios-people-outline" icon-on="ion-ios-people" href="#/tab/users">
+  <ion-tab title="Contacts" badge="data.numUsers" badge-style="badge-positive" icon-off="ion-ios-people-outline" icon-on="ion-ios-people" href="#/tab/users" ng-controller="PeopleCtrl">
     <ion-nav-view name="tab-users"></ion-nav-view>
   </ion-tab>