Track idleSince time for contacts

clientapp/models/contact.js

@@ -109,6 +109,12 @@ module.exports = HumanModel.define({
                 return resource.idleSince || undefined;
             }
         },
+        idle: {
+            deps: ['idleSince'],
+            fn: function () {
+                return !!this.idleSince;
+            }
+        },
         chatState: {
             deps: ['topResource', 'lockedResource', '_forceUpdate'],
             fn: function () {

clientapp/models/resources.js

@@ -15,7 +15,14 @@ module.exports = BaseCollection.extend({
             return 1;
         }
         if (res1.show === res2.show) {
-            return 0;
+            if (!!res1.idleSince && !!res2.idleSince) {
+                return 0;
+            }
+            if (res1.idleSince && !res2.idleSince) {
+                return 1;
+            }
+            return -1;
+
         }
 
         var ranking = {

clientapp/views/contactListItem.js

@@ -13,7 +13,8 @@ module.exports = HumanView.extend({
         subscription: '',
         chatState: '',
         activeContact: '',
-        hasUnread: ''
+        hasUnread: '',
+        idle: ''
     },
     textBindings: {
         displayName: '.name',

public/css/app/roster.styl

@@ -122,6 +122,12 @@
       &:after
         background: $textSecondary
 
+    &.idle
+      .name
+        color: red
+      &:after
+        background: red
+
     img
       opacity: 1
 

public/css/otalk.css

@@ -469,6 +469,14 @@ h3 {
 #bookmarks li.paused:after {
   background: #b7b7b7;
 }
+#roster li.idle .name,
+#bookmarks li.idle .name {
+  color: #f00;
+}
+#roster li.idle:after,
+#bookmarks li.idle:after {
+  background: #f00;
+}
 #roster li img,
 #bookmarks li img {
   opacity: 1;