From 5150b79a762f1b25d8993d83b8fe31b32d58c80a Mon Sep 17 00:00:00 2001 From: Thomas Rueckstiess Date: Fri, 29 May 2015 14:01:09 -0400 Subject: [PATCH] click type bars to toggle minichart. --- scout-ui/src/field-list/index.js | 4 ++++ scout-ui/src/field-list/type-list-item.js | 11 ++++++++++- scout-ui/src/home/index.less | 1 + 3 files changed, 15 insertions(+), 1 deletion(-) diff --git a/scout-ui/src/field-list/index.js b/scout-ui/src/field-list/index.js index c709e96a7c0..6709836e53d 100644 --- a/scout-ui/src/field-list/index.js +++ b/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, }); diff --git a/scout-ui/src/field-list/type-list-item.js b/scout-ui/src/field-list/type-list-item.js index 531aa2710d0..0e65ad7a30e 100644 --- a/scout-ui/src/field-list/type-list-item.js +++ b/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); + } + } + }); diff --git a/scout-ui/src/home/index.less b/scout-ui/src/home/index.less index 31129f462b1..8985069819f 100644 --- a/scout-ui/src/home/index.less +++ b/scout-ui/src/home/index.less @@ -141,6 +141,7 @@ .schema-field-wrapper { float: left; overflow: hidden; + cursor: pointer; } .schema-field-type {