handle caret without affecting children carets

Author: rueckstiess

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

@@ -4,8 +4,20 @@ var MinichartView = require('../minicharts');
 var FieldCollection = require('mongodb-schema').FieldCollection;
 var ViewSwitcher = require('ampersand-view-switcher');
 var debug = require('debug')('scout-ui:field-list:index');
+var $ = require('jquery');
 var _ = require('lodash');
 
+function handleCaret(el, value, previousValue) {
+  var $el = $(el);
+  // only apply to own caret, not children carets
+  if ($el.next().text() !== this.model.name) return;
+  if (this.model.fields || this.model.arrayFields) {
+    $el.addClass('caret');
+  } else {
+    $el.removeClass('caret');
+  }
+}
+
 var FieldView = View.extend({
   props: {
     minichartModel: 'state',
@@ -15,21 +27,17 @@ var FieldView = View.extend({
     }
   },
   bindings: {
+    'model.name': {
+      hook: 'name'
+    },
     'model.fields': {
-      type: 'booleanClass',
-      yes: 'caret',
-      no: '',
+      type: handleCaret,
       hook: 'caret'
     },
     'model.arrayFields': {
-      type: 'booleanClass',
-      yes: 'caret',
-      no: '',
+      type: handleCaret,
       hook: 'caret'
     },
-    'model.name': {
-      hook: 'name'
-    },
     'expanded': {
       type: 'booleanClass',
       yes: 'expanded',
@@ -73,7 +81,6 @@ var FieldView = View.extend({
           });
       }
     }
-
   },
   initialize: function() {
     var that = this;

scout-ui/src/home/collection.js

@@ -5,7 +5,6 @@ var CollectionStatsView = require('../collection-stats');
 var FieldListView = require('../field-list');
 var DocumentListView = require('../document-view');
 var RefineBarView = require('../refine-view');
-
 var debug = require('debug')('scout-ui:home:collection');
 var $ = require('jquery');
 

scout-ui/src/home/index.js

@@ -5,7 +5,6 @@ var debug = require('debug')('scout-ui:home');
 var app = require('ampersand-app');
 var format = require('util').format;
 var SidebarView = require('../sidebar');
-var FieldListView = require('../field-list');
 var CollectionView = require('./collection');
 
 require('bootstrap/js/dropdown');