Doc viewer app

src/kibana/components/courier/data_source/_abstract.js

@@ -264,16 +264,12 @@ define(function (require) {
               'match_all': {}
             };
           }
-          flatState.body.fields = ['*', '_source'];
 
-          _.each(flatState.index.fields.byType['date'], function (field) {
-            if (field.indexed) {
-              flatState.body.script_fields = flatState.body.script_fields || {};
-              flatState.body.script_fields[field.name] = {
-                script: 'doc["' + field.name + '"].value'
-              };
-            }
-          });
+          var computedFields = flatState.index.getComputedFields();
+          flatState.body.fields = computedFields.fields;
+          flatState.body.script_fields = flatState.body.script_fields || {};
+          _.extend(flatState.body.script_fields, computedFields.scriptFields);
+
 
           /**
            * Create a filter that can be reversed for filters with negate set

src/kibana/components/doc_viewer/doc_viewer.less

@@ -14,4 +14,12 @@ doc-viewer .doc-viewer {
     white-space: pre-wrap;
   }
 
+  td, pre {
+    font-family: "Lucida Console", Monaco, monospace;
+  }
+
+  .nav-tabs {
+    border-bottom: 0px !important;
+  }
+
 }

src/kibana/components/index_patterns/_get_computed_fields.js

@@ -0,0 +1,22 @@
+// Takes a hit, merges it with any stored/scripted fields, and with the metaFields
+// returns a flattened version
+define(function (require) {
+  var _ = require('lodash');
+  return function () {
+    var self = this;
+    var scriptFields = {};
+
+    _.each(self.fields.byType['date'], function (field) {
+      if (field.indexed) {
+        scriptFields[field.name] = {
+          script: 'doc["' + field.name + '"].value'
+        };
+      }
+    });
+    return {
+      fields: ['*', '_source'],
+      scriptFields: scriptFields
+    };
+
+  };
+});

src/kibana/components/index_patterns/_index_pattern.js

@@ -12,6 +12,8 @@ define(function (require) {
     var DocSource = Private(require('components/courier/data_source/doc_source'));
     var flattenSearchResponse = require('components/index_patterns/_flatten_search_response');
     var flattenHit = require('components/index_patterns/_flatten_hit');
+    var getComputedFields = require('components/index_patterns/_get_computed_fields');
+
 
     var IndexedArray = require('utils/indexed_array/index');
 
@@ -224,6 +226,8 @@ define(function (require) {
       self.metaFields = config.get('metaFields');
       self.flattenSearchResponse = flattenSearchResponse.bind(self);
       self.flattenHit = flattenHit.bind(self);
+      self.getComputedFields = getComputedFields.bind(self);
+
 
     }
     return IndexPattern;

src/kibana/plugins/discover/partials/table_row/details.html

@@ -1,3 +1,6 @@
 <td colspan="{{ columns.length + 2 }}">
+  <a class="pull-right" ng-href="#/doc/{{indexPattern.id}}/{{row._index}}/{{row._type}}/{{row._id}}">
+    <small>Link to /{{row._index}}/{{row._type}}/{{row._id}}</small></i>
+  </a>
   <doc-viewer hit="row" filter="filter" index-pattern="indexPattern"></doc-viewer>
 </td>

src/kibana/plugins/doc/controllers/doc.js

@@ -0,0 +1,62 @@
+define(function (require) {
+  var _ = require('lodash');
+  var angular = require('angular');
+
+  require('components/notify/notify');
+  require('components/courier/courier');
+  require('components/doc_viewer/doc_viewer');
+  require('components/index_patterns/index_patterns');
+
+  var app = require('modules').get('apps/doc', [
+    'kibana/notify',
+    'kibana/courier',
+    'kibana/index_patterns'
+  ]);
+
+  require('routes')
+  .when('/doc/:indexPattern/:index/:type/:id', {
+    template: require('text!plugins/doc/index.html'),
+    resolve: {
+      indexPattern: function (courier, savedSearches, $route) {
+        return courier.indexPatterns.get($route.current.params.indexPattern);
+      }
+    }
+  });
+
+  app.controller('doc', function ($scope, $route, es, timefilter) {
+
+    timefilter.enabled = false;
+
+    // Pretty much only need this for formatting, not actually using it for fetching anything.
+    $scope.indexPattern = $route.current.locals.indexPattern;
+
+    var computedFields = $scope.indexPattern.getComputedFields();
+
+    es.search({
+      index: $route.current.params.index,
+      type: $route.current.params.type,
+      body: {
+        query: {
+          ids: {
+            values: [$route.current.params.id]
+          }
+        },
+        fields: computedFields.fields,
+        script_fields: computedFields.scriptFields
+      }
+    }).then(function (resp) {
+      if (resp.hits) {
+        if (resp.hits.total < 1) {
+          $scope.status = 'notFound';
+        } else {
+          $scope.status = 'found';
+          $scope.hit = resp.hits.hits[0];
+        }
+      }
+    }).catch(function (err) {
+      $scope.status = 'error';
+      $scope.resp = err;
+    });
+
+  });
+});

src/kibana/plugins/doc/index.html

@@ -0,0 +1,47 @@
+<div ng-controller="doc" class="app-container">
+
+  <div class="container-fluid">
+    <div class="row">
+
+      <!-- no results -->
+      <div class="col-md-12" ng-if="status === 'notFound'">
+          <div class="col-md-12">
+            <h1>Failed to locate document. <i class="fa fa-meh-o"></i></h1>
+
+            <p>
+              Unfortunately I could not find any documents matching that id, of that type, in that index. I tried really hard. I wanted it to be there. Sometimes I swear documents grow legs and just walk out of the index. Sneaky. I wish I could offer some advice here, something to make you feel better
+            </p>
+
+          </div>
+      </div>
+
+            <!-- no results -->
+      <div class="col-md-12" ng-if="status === 'error'">
+          <div class="col-md-12">
+            <h1>This is bad. <i class="fa fa-meh-o"></i></h1>
+
+            <p>
+              Oh no. Something went very wrong. Its not just that I couldn't find your document, I couldn't even try. The index was missing, or the type. Go check out Elasticsearch, something isn't quite right here.
+            </p>
+
+          </div>
+      </div>
+
+      <!-- loading -->
+      <div class="col-md-12" ng-if="status === undefined">
+        <div class="discover-overlay">
+          <h2>Searching</h2>
+          <div class="spinner large"></div>
+          <div ng-show="fetchStatus">{{fetchStatus.complete}}/{{fetchStatus.total}}</div>
+        </div>
+      </div>
+
+      <!-- result -->
+      <div class="col-md-12" ng-if="status === 'found'">
+        <h2><b>Doc:</b> {{hit._index}}/{{hit._type}}/{{hit._id}}</h2>
+
+        <doc-viewer hit="hit" index-pattern="indexPattern"></doc-viewer>
+      </div>
+    </div>
+  </div>
+</div>

src/kibana/plugins/doc/index.js

@@ -0,0 +1,13 @@
+define(function (require, module, exports) {
+  require('plugins/doc/controllers/doc');
+  require('css!plugins/doc/styles/main.css');
+
+  var apps = require('registry/apps');
+  apps.register(function DocAppModule() {
+    return {
+      id: 'doc',
+      name: 'Doc Viewer',
+      order: -1
+    };
+  });
+});

src/kibana/plugins/doc/styles/main.less

@@ -0,0 +1,7 @@
+@import (reference) "../../../styles/_bootstrap.less";
+@import (reference) "../../../styles/theme/_theme.less";
+@import (reference) "../../../styles/_variables.less";
+
+.application-doc {
+  // Styles here
+}

src/kibana/plugins/kibana/_apps.js

@@ -11,6 +11,10 @@ define(function (require) {
       return app.lastPath;
     }
 
+    function getShow(app) {
+      app.show = app.order >= 0 ? true : false;
+    }
+
     function setLastPath(app, path) {
       app.lastPath = path;
       return sessionStorage.set(appKey(app), path);
@@ -19,6 +23,8 @@ define(function (require) {
     $scope.apps = Private(require('registry/apps'));
     // initialize each apps lastPath (fetch it from storage)
     $scope.apps.forEach(getLastPath);
+    $scope.apps.forEach(getShow);
+
 
     function onRouteChange() {
       var route = $location.path().split(/\//);

src/kibana/plugins/kibana/kibana.html

@@ -18,7 +18,7 @@
       <!-- Full navbar -->
       <div collapse="!showCollapsed" class="navbar-collapse" id="kibana-primary-navbar">
         <ul class="nav navbar-nav">
-          <li ng-repeat="app in apps.inOrder" ng-class="{active: activeApp === app}">
+          <li ng-repeat="app in apps.inOrder | filter:{show: true}" ng-class="{active: activeApp === app}">
             <a ng-href="#{{app.lastPath}}" bo-text="app.name"></a>
           </li>
         </ul>

test/unit/fixtures/stubbed_logstash_index_pattern.js

@@ -3,6 +3,7 @@ define(function (require) {
     var StubIndexPattern = Private(require('test_utils/stub_index_pattern'));
     var flattenSearchResponse = require('components/index_patterns/_flatten_search_response');
     var flattenHit = require('components/index_patterns/_flatten_hit');
+    var getComputedFields = require('components/index_patterns/_get_computed_fields');
 
     var _ = require('lodash');
 
@@ -23,6 +24,7 @@ define(function (require) {
       { name: 'custom_user_field',  displayName: 'custom_user_field', type: 'conflict',   indexed: false, analyzed: false,  count: 0 }
     ]);
 
+    indexPattern.getComputedFields = _.bind(getComputedFields, indexPattern);
     indexPattern.flattenSearchResponse = _.bind(flattenSearchResponse, indexPattern);
     indexPattern.flattenHit = _.bind(flattenHit, indexPattern);
     indexPattern.metaFields = ['_id', '_type', '_source'];

test/unit/specs/apps/doc/doc.js

@@ -0,0 +1,59 @@
+define(function (require) {
+  var angular = require('angular');
+  var $ = require('jquery');
+
+  // Load the kibana app dependencies.
+  require('angular-route');
+
+  require('plugins/doc/index');
+
+  var $scope, createController, $route;
+
+  var init = function (index, type, id) {
+
+    module('kibana');
+
+    // Stub services
+    module(function ($provide) {
+      $provide.service('$route', function (Private) {
+        this.current = {
+          locals: {
+            indexPattern: Private(require('fixtures/stubbed_logstash_index_pattern'))
+          },
+          params: {
+            index: index || 'myIndex',
+            type: type || 'myType',
+            id: id || 'myId'
+          }
+        };
+      });
+    });
+
+    // Create the scope
+    inject(function ($rootScope, $controller, _$route_) {
+
+      $route = _$route_;
+      $scope = $rootScope.$new();
+
+      createController = function () {
+        return $controller('doc', {
+          '$scope': $scope
+        });
+      };
+    });
+  };
+
+
+  describe('Doc app controller', function () {
+
+    beforeEach(function () {
+      init();
+    });
+
+    it('should have $scope.foo', function () {
+      createController();
+    });
+
+  });
+
+});

test/unit/specs/components/index_pattern/_get_computed_fields.js

@@ -0,0 +1,34 @@
+define(function (require) {
+  return ['get computed fields', function () {
+    var _ = require('lodash');
+
+    var indexPattern, getComputedFields, fn;
+    beforeEach(module('kibana'));
+    beforeEach(inject(function (Private, $injector) {
+      indexPattern = Private(require('fixtures/stubbed_logstash_index_pattern'));
+      getComputedFields = require('components/index_patterns/_get_computed_fields');
+      indexPattern.getComputedFields = getComputedFields.bind(indexPattern);
+      fn = indexPattern.getComputedFields;
+
+    }));
+
+    it('should be a function', function () {
+      expect(fn).to.be.a(Function);
+    });
+
+    it('should request all stored fields', function () {
+      expect(fn().fields).to.contain('*');
+    });
+
+    it('should request _source seperately', function () {
+      expect(fn().fields).to.contain('_source');
+    });
+
+    it('should request date fields as scripts', function () {
+      expect(fn().scriptFields).to.include.keys('@timestamp');
+      expect(fn().scriptFields).to.not.include.keys('bytes');
+    });
+
+
+  }];
+});

test/unit/specs/components/index_pattern/index.js

@@ -4,6 +4,8 @@ define(function (require) {
     run(require('specs/components/index_pattern/_map_field'));
     run(require('specs/components/index_pattern/_pattern_to_wildcard'));
     run(require('specs/components/index_pattern/_field_formats'));
+    run(require('specs/components/index_pattern/_get_computed_fields'));
+
     function run(mod) { describe(mod[0], mod[1]); }
   });
 });