Add visual indicator for first initialization

elastic · Dec 6, 2016 · 4730c77 · 4730c77
1 parent 840278f
commit 4730c77
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/core_plugins/kibana/public/context/app.html b/src/core_plugins/kibana/public/context/app.html
@@ -42,7 +42,10 @@
   <div class="container-fluid" role="main">
     <div class="row">
       <div class="col-md-12">
-        <div class="discover-table" fixed-scroll>
+        <div class="discover-overlay" ng-if="!contextApp.isInitialized">
+          <h2>Loading...</h2>
+        </div>
+        <div class="discover-table" ng-if="contextApp.isInitialized" fixed-scroll>
           <doc-table
             hits="contextApp.rows"
             index-pattern="contextApp.indexPattern"

diff --git a/src/core_plugins/kibana/public/context/app.js b/src/core_plugins/kibana/public/context/app.js
@@ -35,11 +35,11 @@ function ContextAppController($q, config, es) {
 
   this.anchorRow = null;
   this.rows = [];
-  this.initialized = false;
+  this.isInitialized = false;
 
   this.initialize = () => (
     this.actions.reload()
-      .then(() => this.initialized = true)
+      .then(() => this.isInitialized = true)
   );
 
   this.actions = {