many improvements!

client/partials/directives/key.html

@@ -1,10 +1,15 @@
-<span>
-    {{value}}
-    <span class="right" style="color:magenta">
-        <i class="fa fa-bolt" ng-show="hasIndex"></i>
-        <i class="fa fa-sort-numeric-asc" ng-show="hasIndexDown"></i>
-        <i class="fa fa-sort-numeric-desc" ng-show="hasIndexUp"></i>
-        <i class="fa fa-map-marker" ng-show="has2DIndexUp"></i>
+<span ng-mouseenter="showTools=true" ng-mouseleave="showTools=false">
+    {{keyName}}
+    
+    <span ng-style="{visibility: showTools ? 'inline': 'hidden'}">
+        <!-- place to but some hoover information-->
+    </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/document.html

@@ -1,10 +1,10 @@
 <div class="row">
     <div class="large-9 columns">
-        <input type="text">
+        <input type="text" ng-model="newQuery">
     </div>
     <div class="large-3 columns right">
         <ul class="button-group">
-            <li><a class="button tiny">Query</a></li>
+            <li><a class="button tiny" ng-href="{{ getQueryPath() }}">Query</a></li>
             <li><a class="button tiny">Clear</a></li>
         </ul>
     </div>
@@ -13,7 +13,7 @@
 <div class="row">
     <div class="large-12 columns" style="text-align: center;">
             <a class="fa fa-angle-left" ng-href="{{ previousDocumentUrl() }}" ng-show="{{ hasPreviousDocument() }}"></a>
-            <kbd>{{idx}} / {{ meta.count}}</kbd>
+            <kbd>{{idx}} / {{ meta.count  | number | replaceAllCommasBySpaces }}</kbd>
             <a class="fa fa-angle-right" ng-href="{{ nextDocumentUrl() }}"></a>
     </div>
 </div>
@@ -29,8 +29,12 @@
             </thead>
             <tbody>
               <tr ng-repeat="(key, value) in doc">
-                <td style="vertical-align: top;"><vul-key value="key"></vul-key></td>
-                <td><vul-value value="value"></vul-value></td>
+                <td style="vertical-align: top;">
+                    <vul-key key-name="key" indexes="meta.indexes" ></vul-key>
+                </td>
+                <td>
+                    <vul-value value="value"></vul-value>
+                </td>
               </tr>
             </tbody>
         </table>

client/partials/geojsonmap.html

@@ -0,0 +1,13 @@
+<div class="row">
+    <div class="large-12 columns" style="text-align: center;">
+            <a class="fa fa-angle-left" ng-href="{{ previousDocumentUrl() }}" ng-show="{{ hasPreviousDocument() }}"></a>
+            <kbd>{{idx}} / {{ meta.count}}</kbd>
+            <a class="fa fa-angle-right" ng-href="{{ nextDocumentUrl() }}"></a>
+    </div>
+</div>
+
+<div class="row">
+    <div class="columns large-12">
+        <leaflet width="100%" height="500px" geojson="geojsonData" center="center"></leaflet>
+    </div>
+</div>