started stats on fields.

client/coffee/controllers/keyStatCtrl.coffee

@@ -0,0 +1,22 @@
+root = this;
+
+humanValueOfStatisticalAbreviation =
+    mean: "mean"
+    std: "standard deviation"
+    var: "variance"
+
+
+root.controllers.controller('keyStatCtrl', ['$scope', '$routeParams', '$http', ($scope, $routeParams, $http) ->
+    $scope.name = "didier!"
+    $scope.stats = []
+    
+    url  = "/api/#{ $routeParams.server }/#{ $routeParams.database }/#{ $routeParams.collection }"
+    url = "#{ url }/stats/#{$routeParams.key}"
+
+    $http.get(url).then((res) ->
+        for key, val of res.data
+            $scope.stats.push({name: humanValueOfStatisticalAbreviation[key], value: val })
+    )
+    
+])
+

client/coffee/directives/key.coffee

@@ -15,6 +15,10 @@ hasIndexDesc = (keyName, indexes) ->
 has2dIndex = (keyName, indexes) ->
     hasIndex("$2dsphere:#{keyName}", indexes)
 
+getStatsUrl = (keyName, routeParams)->
+    r = routeParams
+    "#/#{r.server}/#{r.database}/#{r.collection}/stats/#{ keyName }"
+
 directive = () ->
     directive = 
         templateUrl: "/partials/directives/key.html"
@@ -27,6 +31,7 @@ directive = () ->
             indexes: "="
         controller:["$scope", "$routeParams", ($scope, $routeParams) ->
                 $scope.canMakeHistogram = _.isNumber($scope.value)
+                $scope.statsUrl = getStatsUrl($scope.keyName, $routeParams)
                 $scope.hasIndexDesc = hasIndexDesc($scope.keyName, $scope.indexes)
                 $scope.hasIndexAsc = hasIndexAsc($scope.keyName, $scope.indexes)
                 $scope.has2DIndex = has2dIndex($scope.keyName, $scope.indexes)

client/coffee/vultureApp.coffee

@@ -18,6 +18,7 @@ config(['$routeProvider', ($routeProvider) ->
   $routeProvider.when('/:server/:database/:collection/_id/:id', {templateUrl: 'partials/document.html', controller: 'documentCtrl'})
   $routeProvider.when('/:server/:database/:collection/_id/:id/field/:field', {templateUrl: 'partials/field.html', controller: 'fieldCtrl'})
   $routeProvider.when('/:server/:database/:collection/idx/:idx', {templateUrl: 'partials/document.html', controller: 'documentCtrl'})
+  $routeProvider.when('/:server/:database/:collection/stats/:key', {templateUrl: 'partials/keyStat.html', controller: 'keyStatCtrl'})
   $routeProvider.when('/:server/:database/:collection/idx/:idx/query/:query', {templateUrl: 'partials/document.html', controller: 'documentCtrl'})
   $routeProvider.when('/:server/:database/:collection/idx/all/geojson/:key', {templateUrl: 'partials/geojsonmap.html', controller: 'geojsonmapCtrl'})
   $routeProvider.when('/:server/:database/:collection/idx/:idx/geojson/:key', {templateUrl: 'partials/geojsonmap.html', controller: 'geojsonmapCtrl'})

client/index.html

@@ -31,7 +31,7 @@
         <div class="large-12 columns">
             <ul class="breadcrumbs">
                 <li ng-repeat="p in path" ng-class="{current: $last, unavailable: getHistoryUrl($index)== ''}">
-                    <a ng-href="{{getHistoryUrl($index)}}"> {{ p }} </a>
+                    <a ng-href="{{getHistoryUrl($index)}}" ng-bind="p"> </a>
                 </li>
             </ul>
         </div>
@@ -60,6 +60,7 @@
     <script src="js/controllers/documentCtrl.js"></script>
     <script src="js/controllers/geojsonmapCtrl.js"></script>
     <script src="js/controllers/fieldCtrl.js"></script>
+    <script src="js/controllers/keyStatCtrl.js"></script>
     
     <script src="js/directives/key.js"></script>
     <script src="js/directives/value.js"></script>

client/partials/directives/key.html

@@ -3,14 +3,11 @@
     
     <span ng-style="{visibility: showTools ? 'inline': 'hidden'}">
         <!-- place to but some hoover information-->
-        <i class="fa fa-signal" ng-show="canMakeHistogram"></i> 
+        <a ng-href="{{ statsUrl }}"><i class="fa fa-signal" ng-show="canMakeHistogram"></i></a>
     </span>
     <span class="right" style="color:#008CBA;">
         <i class="fa fa-sort-numeric-asc" ng-show="hasIndexAsc"></i>
         <i class="fa fa-sort-numeric-desc" ng-show="hasIndexDesc"></i>
         <a class="fa fa-globe" ng-show="has2DIndex" ng-href="{{ getGeoJsonUrl() }}" target="_blank"></a>
     </span>
-    
-    
-    
 </span>

client/partials/keyStat.html

@@ -0,0 +1,11 @@
+
+<div class="row">
+    <div class="columns large-12">
+        <ul class="pricing-table">
+            <li class="title" ng-bind="name"></li>
+            <li class="bullet-item" ng-repeat="stat in stats">
+                <code>{{stat.name}} : {{stat.value  | number | replaceAllCommasBySpaces }}</code>
+            </li>
+        </ul>
+    </div>    
+</div>