debounced function that triggered type bar width changes for each document.

Author: rueckstiess

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

@@ -3,6 +3,7 @@ var $ = require('jquery');
 var format = require('util').format;
 var _ = require('underscore');
 var numeral = require('numeral');
+var debug = require('debug')('scout-ui:field-list:type-list-item');
 
 require('bootstrap/js/tooltip');
 
@@ -19,16 +20,6 @@ module.exports = AmpersandView.extend({
         }
       }
     ],
-    'model.probability': [
-      {
-        hook: 'bar',
-        type: function(el) {
-          $(el).css({
-            width: Math.floor(this.model.probability * 100) + '%'
-          });
-        }
-      }
-    ]
   },
   events: {
     'click .schema-field-wrapper': 'typeClicked'
@@ -46,6 +37,9 @@ module.exports = AmpersandView.extend({
       $(this.el).tooltip({
         title: format('%s (%s)', this.model.getId(), numeral(this.model.probability).format('%'))
       });
+      $(this.queryByHook('bar')).css({
+        width: Math.floor(this.model.probability * 100) + '%'
+      });
     }.bind(this), 300));
   },
   template: require('./type-list-item.jade'),
@@ -54,6 +48,9 @@ module.exports = AmpersandView.extend({
     if (!fieldList.minichartModel || (fieldList.minichartModel.modelType !== this.model.modelType)) {
       fieldList.switchView(this.model);
     }
+  },
+  render: function() {
+    this.renderWithTemplate(this);
+    return this;
   }
-
 });

scout-ui/src/minicharts/viz.js

@@ -133,7 +133,6 @@ module.exports = AmpersandView.extend({
     return this;
   }
   // redraw: function() {
-  //   debug('redraw', this.cid);
   //   this._chooseDataSource();
   //   this.data = this.transform(this.data);
   //