From cfceadc87d7c5f0d0f896322195597264960dd23 Mon Sep 17 00:00:00 2001
From: Rashid Khan <rashidkpc@gmail.com>
Date: Fri, 11 Oct 2013 13:14:29 +0200
Subject: [PATCH] Added 'more' button to related fields section for users with
 large field counts

---
 src/app/components/kbn.js            | 2 +-
 src/app/panels/table/micropanel.html | 5 ++---
 src/app/panels/table/module.js       | 1 +
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/components/kbn.js b/src/app/components/kbn.js
index 3a9c958f816..9050de5e60f 100755
--- a/src/app/components/kbn.js
+++ b/src/app/components/kbn.js
@@ -41,7 +41,7 @@ function($, _, moment) {
       }
     });
     var counts = _.countBy(_.without(field_array,field),function(field){return field;});
-    return counts;
+    return _.map(counts, function(num, key){return {name:key,count:num};});
   };
 
   kbn.recurse_field_dots = function(object,field) {
diff --git a/src/app/panels/table/micropanel.html b/src/app/panels/table/micropanel.html
index 2e69988eb0f..1411b66d3f8 100755
--- a/src/app/panels/table/micropanel.html
+++ b/src/app/panels/table/micropanel.html
@@ -42,13 +42,12 @@
   <div ng-repeat='field in micropanel.values' bs-tooltip="field[0]+' ('+percent(field[1],data.length)+')'" class="bar {{micropanelColor($index)}}" ng-style="{width: percent(field[1],data.length)};"></div>
 </div>
 <div>
-  <span ng-repeat='(field,count) in micropanel.related track by $index'><a ng-click="toggle_field(field)">{{field}}</a> ({{Math.round((count / micropanel.count) * 100)}}%), </span>
+  <span ng-repeat="field in micropanel.related|orderBy:'count':true|limitTo:micropanel.limit track by $index"><a ng-click="toggle_field(field)">{{field.name}}</a> ({{Math.round((field.count / micropanel.count) * 100)}}%), </span>
+  <a class="link" ng-show="micropanel.related.length > micropanel.limit" ng-click="micropanel.limit = micropanel.limit + 10">More <i class="icon-caret-right"></i></a>
 </div>
 <div class="row-fluid">
   <div class="span12">
     <h5>Facets</h5>
-    <!--<button class="btn" ng-click="termsModal(field,'pie');dismiss();"><i class="icon-list-ol"></i> Terms</button>-->
-
     <div class="btn-group">
       <a class="btn dropdown-toggle pointer" data-toggle="dropdown">
         <i class="icon-list-ol"></i> Terms
diff --git a/src/app/panels/table/module.js b/src/app/panels/table/module.js
index fe8dc9ac849..0b9efcc217e 100755
--- a/src/app/panels/table/module.js
+++ b/src/app/panels/table/module.js
@@ -138,6 +138,7 @@ function (angular, app, _, kbn, moment) {
         values : topFieldValues.counts,
         hasArrays : topFieldValues.hasArrays,
         related : kbn.get_related_fields(docs,field),
+        limit: 10,
         count: _.countBy(docs,function(doc){return _.contains(_.keys(doc),field);})['true']
       };
     };