Can now use pipeline as query

client/partials/directives/key.html

@@ -1,6 +1,6 @@
 <span ng-mouseenter="showTools=true" ng-mouseleave="showTools=false">
     {{keyName}}
-    
+
 
     <span class="right" >
         <a ng-href="{{ statsUrl }}" title="histogram"><i class="fa fa-signal" ng-show="canMakeHistogram"></i></a>
@@ -9,4 +9,4 @@
         <i class="fa fa-sort-numeric-desc" title="descending index" ng-show="hasIndexDesc"></i>
         <a class="fa fa-globe" ng-show="has2DIndex" ng-href="{{ getGeoJsonUrl() }}" target="_blank" title="2dsphere index"></a>
     </span>
-</span>
+</span>

client/partials/directives/searchBar.html

@@ -1,15 +1,20 @@
 <div>
     <div class="row">
-        <div class="large-9 columns">
+        <div class="large-8 columns">
             <input type="text" ng-model="newQuery" style="font-family: monospace;font-size: 1.1em;">
         </div>
-        <div class="large-3 columns right">
+        <div class="large-4 columns right">
             <ul class="button-group">
                 <li>
-                    <a class="button tiny" ng-click="callCallback()" ng-class="{disabled: !isValidEntry() }">
+                    <a class="button tiny" ng-click="queryCallback()" ng-class="{disabled: !isValidQueryEntry() }">
                         Query <i class="fa fa-thumbs-o-down" style="color:red;" ng-show="getQueryPath()=='' && newQuery != ''"></i>
                     </a>
                 </li>
+                <li>
+                    <a class="button tiny" ng-click="pipelineCallback()" ng-class="{disabled: !isValidPipelineEntry() }">
+                        Pipeline <i class="fa fa-thumbs-o-down" style="color:red;" ng-show="getPipelinePath()=='' && newQuery != ''"></i>
+                    </a>
+                </li>
                 <li>
                     <a class="button tiny" ng-click="newQuery='{}'" ng-class="{disabled: newQuery==''}">Clear</a>
                 </li>
@@ -22,10 +27,10 @@
             </ul>
         </div>
     </div>
-    
+
     <div class="row" ng-show="bigInput">
         <div class="large-12 columns">
             <ui-codemirror ng-model="newQuery" ui-codemirror="codeMirrorOptions"  ></ui-codemirror>
         </div>
     </div>
-</div>
+</div>

client/partials/directives/value.html

@@ -1,5 +1,5 @@
 <span>
-    <span ng-show="isObjectId">
+    <span ng-if="isObjectId">
         <pre> {{value}}  [ {{getDateFromObjectId(value)}} ]</pre>
     </span>
     <span ng-show="isString">

client/partials/document.html

@@ -1,18 +1,18 @@
 
-<vul-search-bar query="{{ query }}" callback="search"></vul-search-bar>
+<vul-search-bar query="{{ query }}" querycallback="search" pipelinecallback="executePipeline" ></vul-search-bar>
 
 <div class="row">
     <div class="large-12 columns" style="text-align: center;">
             <a class="fa fa-chevron-left" ng-href="{{ previousDocumentUrl() }}" ng-show="{{ hasPreviousDocument() }}"></a>
-            <kbd>{{idx}} / {{ meta.count + idx - 1 || 0  | number | replaceAllCommasBySpaces }}</kbd>
-            <a class="fa fa-chevron-right" ng-href="{{ nextDocumentUrl() }}"></a>
+            <kbd ng-show="total > 0"> {{idx}} / {{ total | number | replaceAllCommasBySpaces }}</kbd>
+            <a class="fa fa-chevron-right" ng-href="{{ nextDocumentUrl() }}" ng-show="hasNextDocument()"></a>
     </div>
 </div>
 
 <div class="row">
-    <div class="large-12 columns" style="text-align: center;" ng-show="!closeAlert && notfound">
+    <div class="large-12 columns" style="text-align: center;" ng-show="!closeAlert && error">
             <div class="alert-box">
-                No document Found!
+                {{ error }}
                 <a class="close" ng-click="closeAlert=true">&times;</a>
             </div>
     </div>
@@ -38,11 +38,11 @@
               </tr>
             </tbody>
         </table>
-        
+
     </div>
 </div>
 <div class="row" ng-show="enlapsed_time">
     <div class="columns large-12" style="text-align: center;">
         took {{enlapsed_time | number | replaceAllCommasBySpaces}} seconds | <a ng-href="{{raw_url}}">raw</a>
     </div>
-</div>
+</div>