feature(ui): collection stats

everything wired up.  collection-stats view has a hidden class so this
will be executed for debugging, but its not quite pretty enough as we
need to think about a better way to include stats other than just
dumping them all in there.

Author: imlucas

scout-ui/src/collection-stats/index.jade

@@ -0,0 +1,17 @@
+div.row.hidden
+  .col-md-6
+    dl.dl-horizontal
+      dt # documents
+      dd(data-hook='document_count')
+      dt total document size
+      dd(data-hook='document_size')
+      dt average document size
+      dd(data-hook='document_size_average')
+  .col-md-6
+    dl.dl-horizontal
+      dt # indexes
+      dd(data-hook='index_count')
+      dt total index size
+      dd(data-hook='index_size')
+      dt average index size
+      dd(data-hook='index_size_average')

scout-ui/src/collection-stats/index.js

@@ -0,0 +1,69 @@
+var AmpersandView = require('ampersand-view');
+var numeral = require('numeral');
+
+var CollectionStatsView = AmpersandView.extend({
+  bindings: {
+    'model._id': {
+      hook: 'name'
+    },
+    document_count: {
+      hook: 'document_count'
+    },
+    document_size: {
+      hook: 'document_size'
+    },
+    document_size_average: {
+      hook: 'document_size_average'
+    },
+    index_count: {
+      hook: 'index_count'
+    },
+    index_size: {
+      hook: 'index_size'
+    },
+    index_size_average: {
+      hook: 'index_size_average'
+    },
+  },
+  derived: {
+    document_count: {
+      deps: ['model.document_count'],
+      fn: function() {
+        return numeral(this.model.document_count).format('0.0a');
+      }
+    },
+    document_size: {
+      deps: ['model.document_size'],
+      fn: function() {
+        return numeral(this.model.document_size).format('0.0b');
+      }
+    },
+    document_size_average: {
+      deps: ['model.document_size_average'],
+      fn: function() {
+        return numeral(this.model.document_size_average).format('0.0b');
+      }
+    },
+    index_count: {
+      deps: ['model.index_count'],
+      fn: function() {
+        return numeral(this.model.index_count).format('0.0a');
+      }
+    },
+    index_size: {
+      deps: ['model.index_size'],
+      fn: function() {
+        return numeral(this.model.index_size).format('0.0b');
+      }
+    },
+    index_size_average: {
+      deps: ['model.index_size_average'],
+      fn: function() {
+        return numeral(this.model.index_size_average).format('0.0b');
+      }
+    }
+  },
+  template: require('./index.jade')
+});
+
+module.exports = CollectionStatsView;

scout-ui/src/home/collection.jade

@@ -2,5 +2,6 @@
   .panel
     .panel-heading
       h3(data-hook='name')
+      div(data-hook='stats-container')
     .panel-body
       div(data-hook='fields-container')

scout-ui/src/home/index.js

@@ -5,7 +5,7 @@ var debug = require('debug')('scout-ui:home');
 var app = require('ampersand-app');
 var format = require('util').format;
 var SidebarView = require('../sidebar');
-
+var CollectionStatsView = require('../collection-stats');
 var FieldListView = require('../field-list');
 
 require('bootstrap/js/dropdown');
@@ -27,13 +27,24 @@ var CollectionView = AmpersandView.extend({
     this.schema.ns = this.model._id;
     this.listenTo(this.schema, 'error', this.onError);
     this.schema.fetch();
+    this.model.fetch();
   },
   template: require('./collection.jade'),
   onError: function(schema, err) {
     // @todo: Figure out a good way to handle this (server is probably crashed).
     console.error('Error getting schema: ', err);
   },
   subviews: {
+    stats: {
+      hook: 'stats-container',
+      prepareView: function(el) {
+        return new CollectionStatsView({
+            el: el,
+            parent: this,
+            model: this.model
+          });
+      }
+    },
     fields: {
       waitFor: 'schema.fields',
       hook: 'fields-container',

scout-ui/src/models/index.js

@@ -44,6 +44,13 @@ var SampledSchema = Schema.extend({
     wrapError(this, options);
 
     var model = this;
+    var collection;
+    if (this.parent && this.parent.model && this.parent.model.documents) {
+      collection = this.parent.model.documents;
+      collection.reset();
+    }
+
+
     window.schema = this;
     window.data = [];
     var parser = this.stream()
@@ -52,6 +59,9 @@ var SampledSchema = Schema.extend({
       })
       .on('data', function(doc) {
         window.data.push(doc);
+        if (collection) {
+          collection.add(doc);
+        }
       })
       .on('end', function() {
         process.nextTick(function() {
@@ -127,8 +137,11 @@ var Collection = core.Collection.extend({
         }
       }
     }
+  },
+  scout: function() {
+    return client.collection.bind(client, this.getId());
   }
-});
+}, WithScout);
 
 module.exports = {
   types: brain.types,
@@ -138,6 +151,7 @@ module.exports = {
       collections: core.CollectionCollection.extend(WithSelectable, {
         model: Collection,
         parse: function(res) {
+          // Hide specialish namespaces (eg `local.*`, `*oplog*`) from sidebar.
           return res.filter(function(d) {
             return !types.ns(d._id).specialish;
           });