[console-ui] Wrap in dev tools app

elastic · Aug 31, 2016 · 04d0391 · 04d0391
1 parent aae2a0f
commit 04d0391
Show file tree

Hide file tree

Showing 3 changed files with 43 additions and 46 deletions.
diff --git a/src/core_plugins/console/public/index.html b/src/core_plugins/console/public/index.html
@@ -1,38 +1,40 @@
-<sense-navbar></sense-navbar>
+<kbn-dev-tools-app>
+  <sense-navbar></sense-navbar>
 
-<div id="editor_output_container">
-  <div id="editor_container">
-    <ul id="autocomplete"></ul>
-    <div id="editor_actions">
-      <kbn-tooltip text="click to send request">
-        <a class="editor_action" ng-click="sendSelected()">
-          <i class="fa fa-play"></i>
-        </a>
-      </kbn-tooltip>
-      <span dropdown>
-        <a class="editor_action" dropdown-toggle href="#">
-          <i class="fa fa-wrench"></i>
-        </a>
+  <div id="editor_output_container">
+    <div id="editor_container">
+      <ul id="autocomplete"></ul>
+      <div id="editor_actions">
+        <kbn-tooltip text="click to send request">
+          <a class="editor_action" ng-click="sendSelected()">
+            <i class="fa fa-play"></i>
+          </a>
+        </kbn-tooltip>
+        <span dropdown>
+          <a class="editor_action" dropdown-toggle href="#">
+            <i class="fa fa-wrench"></i>
+          </a>
 
-        <ul class="dropdown-menu" role="menu" aria-labelledby="split-button">
-          <li role="menuitem">
-            <a href="#" id="copy_as_curl">Copy as cURL</a>
-          </li>
-          <li role="menuitem">
-            <a ng-click="autoIndent($event)">Auto indent</a>
-          </li>
-        </ul>
-      </span>
-    </div>
+          <ul class="dropdown-menu" role="menu" aria-labelledby="split-button">
+            <li role="menuitem">
+              <a href="#" id="copy_as_curl">Copy as cURL</a>
+            </li>
+            <li role="menuitem">
+              <a ng-click="autoIndent($event)">Auto indent</a>
+            </li>
+          </ul>
+        </span>
+      </div>
 
-    <div id="editor">GET _search
-{
-  "query": { "match_all": {} }
-}</div>
+      <div id="editor">GET _search
+  {
+    "query": { "match_all": {} }
+  }</div>
 
+    </div>
+    <div id="editor_resizer">&#xFE19;</div>
+    <div id="output_container">
+      <div id="output">{}</div>
+    </div>
   </div>
-  <div id="editor_resizer">&#xFE19;</div>
-  <div id="output_container">
-    <div id="output">{}</div>
-  </div>
-</div>
+</kbn-dev-tools-app>
diff --git a/src/core_plugins/console/public/src/controllers/sense_controller.js b/src/core_plugins/console/public/src/controllers/sense_controller.js
@@ -16,13 +16,16 @@ module.run(function (Private, $rootScope) {
   };
 });
 
-module.controller('SenseController', function SenseController($scope, docTitle) {
+module.controller('SenseController', function SenseController($scope, $timeout, docTitle) {
 
   docTitle.change('Console');
 
-  const output = getOutput($('#output'));
-  const input = getInput($('#editor'), $('#editor_actions'), $('#copy_as_curl'), output);
-  init(input, output);
+  let input, output;
+  $timeout(() => {
+    output = getOutput($('#output'));
+    input = getInput($('#editor'), $('#editor_actions'), $('#copy_as_curl'), output);
+    init(input, output);
+  });
 
   $scope.sendSelected = () => {
     input.focus();

diff --git a/src/core_plugins/console/public/src/directives/sense_navbar.html b/src/core_plugins/console/public/src/directives/sense_navbar.html
@@ -1,9 +1 @@
-<kbn-top-nav name="timelion" ng-if="sense" config="navbar.menu">
-  <div class="kibana-nav-info">
-    <span class="kibana-nav-info-title">
-      <span>
-        Elasticsearch Console
-      </span>
-    </span>
-  </div>
-</kbn-top-nav>
+<kbn-top-nav name="timelion" ng-if="sense" config="navbar.menu"></kbn-top-nav>