Merge pull request #37 from 10gen/toggle-type-minicharts

click type bars to toggle minicharts

Author: imlucas

scout-ui/src/field-list/index.js

@@ -6,6 +6,9 @@ var ViewSwitcher = require('ampersand-view-switcher');
 var _ = require('lodash');
 
 var BasicFieldView = View.extend({
+  props: {
+    minichartModel: 'state'
+  },
   bindings: {
     'model._id': [
       {
@@ -52,6 +55,7 @@ var BasicFieldView = View.extend({
     // @todo currently only support boolean, number, date, category
     if (['objectid', 'boolean', 'number', 'date', 'string'].indexOf(type) === -1) return;
 
+    this.minichartModel = typeModel;
     var miniview = new MinichartView({
       model: typeModel,
     });

scout-ui/src/field-list/type-list-item.js

@@ -30,6 +30,9 @@ module.exports = AmpersandView.extend({
       }
     ]
   },
+  events: {
+    'click .schema-field-wrapper': 'typeClicked'
+  },
   derived: {
     percent: {
       deps: ['model.probability'],
@@ -45,5 +48,11 @@ module.exports = AmpersandView.extend({
       });
     }.bind(this), 300));
   },
-  template: require('./type-list-item.jade')
+  template: require('./type-list-item.jade'),
+  typeClicked: function(evt) {
+    if (this.parent.parent.minichartModel.cid !== this.model.cid) {
+      this.parent.parent.switchView(this.model);
+    }
+  }
+
 });

scout-ui/src/home/index.less

@@ -141,6 +141,7 @@
   .schema-field-wrapper {
     float: left;
     overflow: hidden;
+    cursor: pointer;
   }
 
   .schema-field-type {